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 元素作为组件模板之中的内容分发槽
- Linux基础(day64)
- 我的WCF之旅(9):如何在WCF中使用tcpTrace来进行Soap Trace
- 物联网设备已沦陷,咖啡机也不能例外
- 我的WCF之旅(13):创建基于MSMQ的Responsive Service
- 开发自己的Data Access Application Block[上篇]
- 18.9/18.10 LVS NAT模式搭建
- 谈谈WCF中的Data Contract (1):Data Contract Overview
- Linux基础(day66)
- 字符串的驻留(String Interning)
- 19.5 忘记Admin密码如何做
- 19.3/19.4/19.6 安装zabbix
- 欲火焚身,心静则凉--只靠冲动是不能长久地
- 深入理解C#3.x的新特性(4):Automatically Implemented Property
- 增加网卡注意点
- 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 数组属性和方法
- linux查找大文件指定内容的实现方法
- linux服务器上安装jdk的两种方法(yum+下载包)
- ubuntu中编写shell脚本开机自动启动(推荐)
- linux下使用 CentOS7安装jdk1.7
- 安装CentOS 6.x报错"Disk sda contains BIOS RAID metadata"解决方法
- 重启宝塔面板后提示-ModuleNotFoundError: No module named 'geventwebsocket'
- Linux动态启用/禁用超线程技术的方法详解
- 解决Ubuntu下使用linuxdeployqt打包Qt程序问题
- 使用python获取基金历史数据
- 如何在CentOS8上安装和配置Postfix邮件服务器的方法示例
- Linux下设置Vim编辑器里Tab的长度行号
- Centos定制rpm包、搭建yum仓库的教程
- linux手动、自动更改网卡MAC地址的方法
- Centos7的Firewalld防火墙基础命令详解
- Linux下安装或升级Python 2.7的操作方法