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 元素作为组件模板之中的内容分发槽
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android 多线程实现重复启动与停止的服务
- Android 简单的图片查看器源码实现
- jmeter在linux系统下运行及本地内存调优的方法详解
- Android实现录音功能实现实例(MediaRecorder)
- Linux下9种优秀的代码比对工具推荐小结
- Android开发实现在Wifi下获取本地IP地址的方法
- Android基于Glide v4.x的图片加载进度监听
- Android如何通过scheme跳转界面
- Android EditText实现输入金额类型详解
- ubuntu20.04中文输入法安装步骤
- 如何利用Android Studio将moudle变成jar示例详解
- Android自带的四种线程池使用总结
- CentOS8.1搭建Gitlab服务器详细教程
- Android开发之图片旋转功能实现方法【基于Matrix】
- Android编程简单实现拨号器功能的方法