vue2.0 配置 选项 属性 方法 事件 ——速查

Posted 2020-09-23 柠檬先生

全局配置

　　　　　　　　　　　　　　silent 　　　　　　 设置日志与警告
　　　　　　 optionMergeStrategies 　　　　　　 合并策略
　　　　　　　　　　　　  devtools 　　　　　　  配置是否允许vue-devtools
　　　　　　　　　　  errorHandler 　　　　　　   错误追踪
　　　　　　　　  ignoredElements 　　　　　　   忽略在Vue 之外的自定义元素。
　　　　　　　　　         keyCodes 　　　　　　   自定义键位别名
　　　　　　　　　　 performance                          在浏览器中启用对组件初始化
　　　　　　　　　    productionTip 　　　　　　    启动时生成生产提示

 

全局API
　　　　　　　Vue.extend(options) 　　　　　　    　　创建构造器，参数是一个选项对象
　　Vue.nextTick([callback,context]) 　　　　　　　　 　在下次更新DOM 更新循环之后执行延迟回调
　　　　   Vue.set(object,key,value) 　　　　　　　　     设置对象的属性
　　　　　　Vue.delete(object,key) 　　　　　　　　　  删除对象的属性
　　　　Vue.directive(id,[definition]) 　　　　　　　　　  注册或获取全局指令
　　　　　　Vue.filter(id,[definition]) 　　　　　　　　　  注册或获取全局过滤器
　　　Vue.component(id,[definition]) 　　　　　　　　  　注册或获取全局组件
　　　　　　　　　 Vue.use(plugin) 　　　　　　　　　  安装Vue.js 插件
　　　　　　　　　 Vue.mixin(mixin) 　　　　　　　　　  全局混合
　　　　　　  Vue.compile(template) 　　　　　　　　      在render函数中编译模板字符串

 

选项/数据
　　　　　　　　　　　　data Vue　　　　　　　　　　 实例的数据对象
　　　　　　　　　　　　　 props                     　　　　  接收来自父组件的数据
　　　　　　　　　　　 propsData 　　　　　　　　　    只用于new创建的实例中
　　　　　　　　　　　  computed 　　　　　　　　　    计算属性
　　　　　　　　　　　　methods 　　　　　　　　　　 方法与事件处理
　　　　　　　　　　　　　 watch 　　　　　　　　　　 实例方法

 

选项/DOM
　　　　　　　　　　　　　　el 　　　　　　　　　　　DOM元素作为
　　　　　　　　　　　template 　　　　　　　　　　   字符串模板
　　　　　　　　　　　　render 　　　　　　　　　　　字符串模板的替代方案

 

选项 /生命周期钩子

　　　　　　　　　　beforeCreate 　　　　　　　　　　在实例初始化之后，数据观测和事件配置之前调用
　　　　　　　　　　　　  created 　　　　　　　　　　实例创建完成之后被调用
　　　　　　　　　　 beforeMount 　　　　　　　　　　在挂载开始之前被调用
　　　　　　　　　　　　mounted 　　　　　　　　　　 挂载到实例上之后再去调用钩子
　　　　　　　　　   beforeUpdate 　　　　　　　　　　 数据更新时调用
　　　　　　　　　　　　updated 　　　　　　　　　　  数据更新之后调用该钩子
　　　　　　　　　　　  activated 　　　　　　　　　　  组件激活时调用
　　　　　　　　　　  deactivated 　　　　　　　　　　  组件停用时调用
　　　　　　　　    beforeDestroy                                       实例销毁之前调用
　　　　　　　　    destroyed Vue                                       实例销毁之后调用

 

选项 / 资源
　　　　　　　　　　dirctives Vue 　　　　　　　　　　    实例可用指令的的哈希表
　　　　　　　　　　　 filters Vue 　　　　　　　　　　    实例可用过滤器的哈希表
　　　　　　　   components vues　　　　　　　　　　　  实例可用组件的哈希表

 

选项/杂项
　　　　　　　　　　　　parent 　　　　　　　　　　　　  指定已创建的实例之父实例
　　　　　　　　　　　　 mixins 　　　　　　　　　　　      选项接受一个混合对象的数组
　　　　　　　　　　　     name 　　　　　　　　　　　　   允许组件模板递归的调用自身
　　　　　　　　　　     extends 　　　　　　　　　　　　　允许声明扩展另一个组件
　　　　　　　　　　  delimiters　　　　　　　　　　　　　  改变纯文本插入分隔符
　　　　　　　　　　  functional 　　　　　　　　　　　　　 是组建无状态和无实例

 

实例属性
　　　　　　　　　　vm.$data Vue　　　　　　　　　　　　实例观察的数据对象
　　　　　　　　　　　 vm.$el Vue 　　　　　　　　　　　   实例使用的根DOM 元素
　　　　　　　　　　   vm.$options 　　　　　　　　　　      用于当前Vue实例的初始化选项
　　　　　　　　　　    vm.$parent 　　　　　　　　　　　   父实例，如果当前实例有的话
　　　　　　　　　　　　 vm.$root 　　　　　　　　　　　　当前组件树的根Vue实例
　　　　　　　　　　  vm.$children　　　　　　　　　　        当前实例的直接子组件
　　　　　　                     vm.$slots 　　　　　　　　　　　　用来访问被slot 分发的内容
　　　　　　　　  vm.$scopedSlots 　　　　　　　　　　　　用来访问scoped slots.
　　　　　　　　　　　　vm.$refs 　　　　　　　　　　　　 一个对象，其中包含了所有拥有ref 注册的子组件
　　　　　　　　　　vm.$isServer 　　　　　　　　　　　　 当前Vue实例是否运行于服务器

 

实例方法/数据

　　　　　vm.$watch(expOrFn,callback,[options]) 　　　　　　　　观察Vue 实例变化的一个表达式或计算属性
　　　　　　　　　　　vm.$set(object,key,value) 　　　　　　　　 这是全局Vue.set 的别名
　　　　　　　　　　　　 vm.$delete(object,key) 　　　　　　　　 这是全局 Vue.delete 的别名

 

实例方法/事件
　　　　　　　　　　　　  vm.on(event,callback) 　　　　　　　　监听当前实例上的自定义事件
　　　　　　　　　　　vm.$once(event,callback) 　　　　　　　    监听一个自定义事件，但只触发一次
　　　　　　　　　　　  vm.$off([event,callback]) 　　　　　　　　 移除事件监听器
　　　　　　　　　　　  vm.$emit(event,[...args]) 　　　　　　　　  触发实例上的事件

 

指令
　　　　　　　　　　　　　　　　　　v-text 　　　　　　　　　　 更新元素的文本内容
　　　　　　　　　　　　　　　　　  v-html　　　　　　　　　　   更新元素的innerHTML
　　　　　　　　　　　　　　　　    v-show  　　　　　　　　　　 根据表达式之真假值，切换元素display css属性。
　　　　　　　　　　　　　　　　　　   v-if 　　　　　　　　　      根据表达式的真假条件渲染元素
　　　　　　　　　　　　　　　　　  v-else 　　　　　　　　　　  为v-if 或者v-else-if 添加else块。
　　　　　　　　　　　　　　　　　　 v-for 　　　　　　　　　　   基于源数据多次渲染元素活模板块
　　　　　　　　　　　　　　　　　　 v-on 　　　　　　　　　　　缩写@，绑定事件监听器，事件类型由参数指定。
　　　　　　　　　　　　　　　　　  v-bind 　　　　　　　　　　   缩写 ： 动态的绑定一个或多个特性
　　　　　　　　　　　　　　　　   v-model 　　　　　　　　　　   在表单控件或者组件上创建双向数据绑定
　　　　　　　　　　　　　　　　　　v-pre 　　　　　　　　　　　跳过这个元素和它的子元素的编译过程
　　　　　　　　　　　　　　　　　 v-cloak 　　　　　　　　　　   这个指令保持在元素上直到关联实例编译结束
　　　　　　　　　　　　　　　　　 v-once 　　 　　　　　　　　   只渲染元素和组件一次

 

特殊属性
　　　　　　　　　　　　　　key 　　　　　　　　　　 主要用于vue的虚拟DOM 算法
　　　　　　　　　　　　　　 ref 　　　　　　　　　　   被用来给元素或子组件注册引用信息
　　　　　　　　　　　　　   slot 　　　　　　　　　　   用于标记往哪个slot中插入子组件的内容

 

内置 的组件
　　　　　　　　　　component 　　　　　　　　　　 渲染一个元素为动态组件
　　　　　　　　　　  transition 　　　　　　　　　　  元素作为单个元素或组件的过度效果
　　　　　　　  transition-group 　　　　　　　　　　  元素作为多个元素/组件的过度效果
　　　　　　　　　   keep-alive 　　　　　　　　　　   主要用于保留组件状态或者避免重复渲染
　　　　　　　　　　　　  slot 　　　　　　　　　　　 元素作为组件模板之中的内容分发槽