专栏首页柠檬先生vue2.0 配置 选项 属性 方法 事件 ——速查

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue2.0的变化 ,组件模板,生命周期,循环,自定义键盘指令,过滤器

    组件模板:     之前:       <template>         <h3>我是组件</h3><strong>我是加粗标签</strong>     ...

    用户1197315
  • VUE 入门基础(1)

    一,安装 Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼...

    用户1197315
  • jquery 操作css 尺寸

    .height()   获取元素集合中的第一个元素的当前计算高度值,或设置每一个匹配元素的高度值。   .height()     获取匹配元素集...

    用户1197315
  • Vue拖拽组件开发实例

    vue是一套用于构建用户界面的渐进式框架。可以用他来封装单文件组件来开发更为复杂的单页应用。 本文主要是通过封装一个拖拽组件的例子,来分析Vue组件化相关知识。

    京东技术
  • django rbac权限

    py3study
  • python3发送邮件

    #163邮箱发送邮件 import smtplib from email.mime.text import MIMEText from email.utils ...

    py3study
  • phpStudy hosts多站点配置详细教程

    本文我们将和大家分享phpStudy hosts多站点配置详细教程,在搭建网站过程中,经常会需要在本地搭建多个站点。这里推荐我用过比较好用的环境配置工具phpS...

    主机优惠教程
  • Spark Basic RDD 操作示例

    以上内容参见 <<Learning Spark>>, 其代码示例可在 GitHub 上找到 learning-spark.

    用户1558438
  • 问答 | 迁移学习有哪些入门建议?

    AI研习社
  • 什么是迁移学习?它都用在深度学习的哪些场景上?这篇文章替你讲清楚了

    翻译 | 刘畅 迁移学习是机器学习方法之一,它可以把为一个任务开发的模型重新用在另一个不同的任务中,并作为另一个任务模型的起点。 这在深度学习中是一种常见的方法...

    小莹莹

扫码关注云+社区

领取腾讯云代金券