vue.jsAPI教程

vue.jsAPI教程

ID:42030195

大小:764.51 KB

页数:54页

时间:2019-09-05

vue.jsAPI教程_第1页
vue.jsAPI教程_第2页
vue.jsAPI教程_第3页
vue.jsAPI教程_第4页
vue.jsAPI教程_第5页
资源描述:

《vue.jsAPI教程》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、Vue.js教程API示例博客社区全局配置Vue.config是一个对象,包含Vue的全局配置。可以在启动应用之前修改下面属性:#debug类型:Boolean默认值:false用法:JSVue.config.debug=true在调试模式中,Vue会:1.为所有的警告打印栈追踪。2.把所有的锚节点以注释节点显示在DOM中,更易于检查渲染结果的结构。!只有开发版本可以使用调试模式。#delimiters类型:Array默认值:["{{","}}"]用法:JS//ES6模板字符串Vue.config.delimiters=['

2、${','}']修改文本插值的定界符。#unsafeDelimiters类型:Array默认值:["{{{","}}}"]用法:JS//makeitlookmoredangerousVue.config.unsafeDelimiters=['{!!','!!}']修改原生HTML插值的定界符。#silent类型:Boolean默认值:false用法:JSVue.config.silent=true取消Vue.js所有的日志与警告。#async类型:Boolean默认值:true用法:JSVue.config.async=fa

3、lse如果关闭了异步模式,Vue在检测到数据变化时同步更新DOM。在有些情况下这有助于调试,但是也可能导致性能下降,并且影响watcher回调的调用顺序。async:false不推荐用在生产环境中。#devtools类型:Boolean默认值:true(生产版为false)用法:JS//在加载Vue之后立即同步的设置Vue.config.devtools=true配置是否允许vue-devtools检查代码。开发版默认为true,生产版默认为false。生产版设为true可以启用检查。全局API#Vue.extend(options)参数:

4、{Object}options用法:创建基础Vue构造器的“子类”。参数是一个对象,包含组件选项。这里要注意的特例是el和data选项——在Vue.extend()中它们必须是函数。HTML

JS//创建可复用的构造器varProfile=Vue.extend({template:'

{{firstName}}{{lastName}}aka{{alias}}

'})//创建一个Profile实例varprofile=newProfile({data:{firstName:'Wal

5、ter',lastName:'White',alias:'Heisenberg'}})//挂载到元素上profile.$mount('#mount-point')结果:HTML

WalterWhiteakaHeisenberg

另见:组件#Vue.nextTick(callback)参数:{Function}callback用法:延迟回调在下次DOM更新循环之后执行。在修改数据之后立即使用这个方法,等待DOM更新。JS//修改数据vm.msg='Hello'//DOM没有更新Vue.nextTick(function(){//DO

6、M更新了})另见:异步更新队列#Vue.set(object,key,value)参数:{Object}object{String}key{*}value返回值:设置的值用法:设置对象的属性。如果对象是响应的,将触发视图更新。这个方法主要用于解决不能检测到属性添加的限制。另见:深入响应式原理#Vue.delete(object,key)参数:{Object}object{String}key用法:删除对象的属性。如果对象是响应的,将触发视图更新。这个方法主要用于解决不能检测到属性删除的限制。另见:深入响应式原理#Vue.directive(

7、id,[definition])参数:{String}id{Function

8、Object}[definition]用法:注册或获取全局指令。JS//注册Vue.directive('my-directive',{bind:function(){},update:function(){},unbind:function(){}})//注册,传入一个函数Vue.directive('my-directive',function(){//thiswillbecalledas`update`})//getter,返回已注册的指令varmyDire

9、ctive=Vue.directive('my-directive')另见:自定义指令#Vue.elementDirective(id,[definition])参数:{Stri

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签