Vue02 | Vue--knowledge

一、 数据

• data:类型 Object| Function 组建只接受函数
• props：数组or对象，传递来自于父组件的数据
• computed：计算数据，结果会缓存，会加入到vue中
• methods:构建方法

二、API

• Vue.extend(options):创建一个构造器
• Vue.set(target,key,value): 设置对象的属性
• Vue.directive(id,[definition])：注册或获取全局指令
• Vue.filter(id,[definition])：注册获取全局过滤器
• Vue.component((id,[definition])):注册获取全局组件，注册还会自动使用给定的id设置组建的名称

三、DOM

• el:实例化挂载目标，挂在之后可以通过$el访问
• template: 字符串模板，被使用后模板会替代挂载元素
• render：字符串模板的替换方案

四、实例属性

• vm.$data :数组对象
• vm.$props:组件接受到的props对象
• vm.$el:实例使用的根DOM元素
• vm.$slot: 访问被插槽分发的内容
• vm.$refs:引向子组件
• is特性:添加一个字符串模板

五、生命周期钩子

• beforeCreate 实力初始化之后
• created 实例创建完之后被调用
• beforeMount 在挂载开始之前被调用
• mounted 挂载到实例上
• beforeUpdate 数据更新时调用
• updated 数据更新之后调用
• beforeDestroy 实例销毁之前调用
• destroyed 实例销毁之后调用

六、指令

• v-if
• v-for
• v-on / @
• v-bind / :
• v-model
• v-show