zoukankan      html  css  js  c++  java
  • 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             元素作为组件模板之中的内容分发槽

  • 相关阅读:
    Windows照片查看器全屏浏览查看
    Windows调出软键盘
    IE叉事件
    对gridview的小改动
    gridview小把戏
    安全认证(转)
    用数组的方式实现DataTable中的distinct(转)
    TreeView的简单应用
    禁止按钮重复提交
    配置Microsoft Visual SourceSafe 2005的Internet访问(转)
  • 原文地址:https://www.cnblogs.com/nmxs/p/7051149.html
Copyright © 2011-2022 走看看