您好,欢迎访问一九零五行业门户网

总结vue2.0 配置的实例方法

全局配置
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   元素作为组件模板之中的内容分发槽
以上就是总结vue2.0 配置的实例方法的详细内容。
其它类似信息

推荐信息