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 配置 选项 属性 方法 事件 ——速查的更多相关文章
- HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48 <audio> 标签属性:src:音乐的URLpreload:预加载au ...
- HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)
HTML5 Audio/Video 标签,属性,方法,事件 <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放contro ...
- [转帖]HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 <audio>标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 co ...
- 总结vue2.0 配置的实例方法
总结vue2.0 配置的实例方法 http://www.php.cn/js-tutorial-369603.html
- Qt5.7.0配置选项(configure非常详细的参数)
configure是一个命令行工具,用于配置Qt编译到指定平台.configure必须运行于Qt源码根目录.当运行configure时,编译源码使用的是所选工具链中的make工具. 一.源码目录.编译 ...
- 理解GRUB2工作原理及配置选项与方法
GRUB2是借鉴GRUB改写到更加安全强大到多系统引导程序,现在大部分较新的Linux发行版都是使用GRUB2作为引导程序的.GRUB2采用了模块化设计,使得GRUB2核心更加精炼,使用更加灵活,同时 ...
- vue2.0 配置环境总结(都是泪啊)
最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接 1:https://vuefe.cn/v2/guide/ vue2.0中文官网 2:https://router.v ...
- vue2.0配置路由
配置路由之前,先检查vue版本,(案例适用vue2.0) 采用npm包的形式进行安装. 安装路由依赖:npm install vue-router(代码中,如果在一个模块化工程中使用它,必须要通过 V ...
- [转载]HTML5 Audio/Video 标签,属性,方法,事件汇总
<audio> 标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 <audio id=& ...
随机推荐
- CSS3弹性伸缩布局(下)——flex布局
新版本 新版本的flex布局模型是2012年9月提出的工作草案,这个草案是由W3C推出的最新语法,这个版本立志于指定标准,让新式的浏览器全面兼容,在未来的浏览器更新换代中实现统一. 目前几乎大部分的浏 ...
- HTML5 拖放(Drag 和 Drop)功能开发——浅谈dataTransfer对象
[前言] 之前我已经为大家介绍过一篇有关HTML5中原生拖拽的相关知识了.今天为大家介绍HTML5拖拽中的其他一些关于dataTransfer对象的知识和应用. dataTransfer对象 之前的一 ...
- ElasticSearch-5.3.1集群环境搭建,安装ElasticSearch-head插件,安装错误解决
说起来甚是惭愧,博主在写这篇文章的时候,还没有系统性的学习一下ES,只知道可以拿来做全文检索,功能很牛逼,但是接到了任务不想做也不行, leader让我搭建一下分布式的ES集群环境,用来支持企业信用数 ...
- CSS中的字体设置
五大类:serif, sans-serif, monospace, cursive, fantasy serif 衬线字体,如 Big Caslon, 宋体 sans-serif 非衬线字体,如 He ...
- Android 安卓实现页面相互跳转并相互传递参数
一.对于两个页面之间相互传值,跳转的时候我们使用 startActivityForResult(intent,0),而不是startActivity(intent) 这个方法 第一个页面中在触发跳转的 ...
- [js笔记整理]正则篇
一.正则基本概念 1.一种规则.模式 2.强大的字符串匹配工具 3.在js中常与字符串函数配合使用 二.js正则写法 正则在js中以正则对象存在: (1)var re=new RegExp(正则表达式 ...
- 调试 Dockerfile - 每天5分钟玩转 Docker 容器技术(15)
包括 Dockerfile 在内的任何脚本和程序都会出错.有错并不可怕,但必须有办法排查,所以本节讨论如何 debug Dockerfile. 先回顾一下通过 Dockerfile 构建镜像的过程: ...
- 一步步学习EF Core(2.事务与日志)
前言 上节我们留了一个问题,为什么EF Core中,我们加载班级,数据并不会出来 其实答案很简单,~ 因为在EF Core1.1.2 中我们在EF6.0+中用到的的延迟加载功能并没有被加入,不过在EF ...
- 自己实现so加载器
在进行安全研究中,我们需要经常使用ida等工具对app的so进行动态调试.这其中遇到的最大问题可能就是app加了反调试.反root等保护手段对应用运行环境进行检测,而这些手段往往是在我们附加进程之前就 ...
- CNPM 遇到use strict的问题
一.问题描述 [root@VM_123_144_centos node01]# cnpm install --save nodemailer /usr/lib/node_modules/cnpm/no ...