全局配置
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 元素作为组件模板之中的内容分发槽