Vue重要api

全局配置api-写在main.js里面

1 .可以取消所有日志和警告 Vue.config.silent=true
2 .自定义合并策略和混入有关 Vue.config.optionMergeStrategies.methods
3 .是否开启工具检查代码 Vue.config.devtools = true 是否允许 vue-devtools检查代码
4 .错误检查参数 Vue.config.errorHandler = function(err, vm){} 制定组件的渲染和观察期间捕获错误的处理函数
5 .是否忽略自定义组件 Vue.config.ignoredElements = ['my-custom-web-component','another-web-component']
6 .给v-on自定义键位别名 Vue.config.keyCodes
7 .是否开启组件性能追踪
8 .阻止启动时生成生产提示。

全局工具函数

1 .Vue.extend():创建全局组件
2 .Vue.nextTick():更新dom循环结束之后执行的回调,想要保证在视图更新之后再次操作某个dom,那就就可以在数据改变之后底部调用this.nextTrick()函数来保证接下来的任何操作都是在视图是基于上面数据渲染出来的最新视图。为了在数据变化之后等待Vue完成更新DOM,可以在数据变化之后立即使用Vue.nextTrick(),这样回调函数在DOM更新完成之后就会被调用
3 .Vue.set():向响应式对象添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。
4 .Vue.delete():和上面是相反的操作
5 .Vue.directive()注册全局指令
6 .Vue.filter()注册全局过滤器
7 .Vue.component()注册或者获取全局组件
8 .Vue.use()安装后使用插件
9 .Vue.minxin:全局注册混入,这个混入将影响注册之后所有创建的每个实例。
10 .Vue.compile() 在render函数中编译模板字符串。

数据有关的api

1 .data:this.data可以访问原始对象。以_或者开头的属性是不会被Vue实例代理,因为他们可能和Vue内置的属性,api方法冲突。this.data._property这个方法可以访问这些属性。 2 .props:可以是对象或者数组。如果是对象的话,会有四个参数来限制传入的数据:type,require,default,validator 3 .computed:计算属性的结果会被保存,除非依赖的响应式属性变化才会计算,如果某个依赖在该实例范畴之外,则计算属性是不会被更新的 4 .watch:监视的时候还可以开启深度监听,回调之后立即调用。还有对象里面的把数据变化的时候。 5 .this.el:可以返回这个组件挂载的dom实例,具体的使用的时候,如果实例化时存在这个选项,实例将立即进入编译过程,否则,需要显示调用this.mount()手动开始编译 6 .template:一个字符串模板作为Vue实例的标识使用,模板将会替换挂载的元素,挂在元素内的内容都将被忽略,除非模板的内容有分发插槽 7 .render:jsx编程来替代字符串模板的方法 8 .renderError:开发者环境下,当函数遇到错误的时候,提供另一种渲染输出 9 .this.router:在程序内部可以用来访问当前路由
10 .this.$routers: 在程序内部访问路由器

生命周期函数

1 .created:实例创建完即刻调用。此时,数据观测,属性和方法的运算,watch,event事件回调都已基本完成。一般在这个时候进行一些初始化的数据操作。比如进行ajax请求啥的
2 .beforeMount:相关render函数首次被调用。但是这个钩子函数在服务器端渲染期间不能被调用
3 .mounted:el被新创建的vm.el替换,并挂载到实例上面后调用这个函数。值得注意的是mounted不会承诺所有的子组件也都一起被挂载,如果确定想要所有视图都被渲染完毕之后在调用某个函数,可以使用this.nextTrick
4 .beforeUpdate:数据更新之前调用,发生在虚拟dom打补丁之前,适合在更新之前访问现有的DOM,比如手动移除已添加的事件监听。但是之前都没用过这个东西。
5 .updated:由于数据更改导致虚拟dom重新渲染和打补丁之后,在这个之后会调用这个函数。现在可以执行依赖于这个dom的操作。值得注意的是,这个函数钩子是不会保证所有的子组件也会重新渲染,如果希望等到整个视图都被重绘完毕,可以使用this.$nextTrick函数替换掉updated.服务端渲染时不能使用
6 .actived:keep-alive组件被激活的时候调用
7 .deactived:keep-alive组件被停用的时候调用
8 .destroyed:Vue实例销毁的时候调用。调用后,Vue实例指示的所有东西都会解绑,所有的事件监听器都会被移除,所有的子实例也会被销毁。
9 .errorCaptured:类似react的边界错误检测函数

资源

1 .directives
2 .filters
3 .components

选项/组合

1 .parent:指定已创建的实例之父实例,在两者之间机那里父子管子。子实例可以使用this.$parent访问父实例,子实例被推入父实例的¥children数组中。
2 .mixins:
3 .extends:
4 .provide/inject:
5 .

其他

实例属性

1 .this.data:Vue实例观察的数据对象。Vue实例代理了其对data对象属性的访问 2 .实例属性的作用:获得一些需要访问的参数,熟悉框架的底层设计,面向对象的语法,还有就是真实的用法,好像别的都是基于这些包装的语法糖 3 .this.props:当前组件收到的props对象
4 .this.parent 5 .this.children
6 .this.option:vue实例的初始化选项 7 .this.el:vue使用的根dom元素
8 .this.root:当前组件树的根Vue实例,如果当前实例没有父实例,此实例将会是其自己。 9 .this.slots:当前的插槽分发的内容
10 .this.scopeSlot:访问作用于插槽 11 .this.refs:一个对象持有注册ref特性的所有dom元素和组件实例
12 .this.isServer:当前实例是否用于服务器 13 .this.attr:包含了父作用域种不作为props被识别的特性绑定
14 .this.listener:包含了副作用域中的事件监听器。

实例方法/数据

1 .this.watch: 2 .this.set:
3 .this.$delete:
4 .一堆全局方法的别名

实例方法/事件

1 .熟悉这些东西,可以写自定义的事件或者方法
2 .this.on:监听自定义事件 3 .this.emit:触发自定义事件,附加的参数都会传递给监视器回调
4 .this.once:监听一个自定义事件,但是只触发一次,第一次触发之后移除监听器 5 .this.off:移除自定义事件的监听器

实例方法/生命周期

1 .this.mount:如果Vue实例在实例化的时候没有收到el选项,他将处于“未挂载”状态,没有关联的dom元素,可以使用this.mount手动挂载一个未挂载的实例
2 .this.foreceUpdate():迫使Vue实例重新渲染,注意它仅仅影响实例本身和插入插槽的子组件,而不不是所有的子组件
3 .this.$nextTick:将回调延迟到更新循环之后执行。在修改数据之后立即使用它,然后等待dom更新。
4 .完全销毁一个实例:清理他与其他实例的连接,解绑他的全部指令以及事件监听器,此事件会触发beforeDestory和destroyed的钩子

特殊特性

key

1 .主要用在虚拟dom算法中,识别新旧vnodes,使用key,他会基于key的变化重新排列元素顺序,并且移除key不存在的元素
2 .有相同父元素的子元素必须要有独特的key,重复的key会造成渲染错误,这个使用在v-for里面
3 .强制的替换元素或者组件,而不是重复的使用它。比如完整的触发组件的生命周期钩子,触发过渡的时候。
4 .类似于自己加了个watch函数

ref

1 .用来给元素或子组件注册引用信息。他会出现在父组件的refs对象上 2 .如果在普通的dom元素上使用,引用指向的就是dom元素,如果用在子组件上,引用就指向组件实例 3 .v-for的时候绑定这个,引用信息将是包含dom节点或组件实例的数组 4 .ref的注册事件:在初始渲染的时候是不能访问到this.refs,这时他们还不存在,refs不是响应式的,不能在模板中做数据绑定。v-bind:ref="ref"这个是错误的

is

1 .使用动态组件且基于DOM内模板的限制
2 .动态替换组件,table写的组件

指令

1 .v-html:更新元素的innerHTML.在单文件组件里面,scoped的样式不会应用在v-html内部,可以使用一个全局的style元素来实现
2 .

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容