摘要:注册有全局注册和局部注册两种方式。比如下面的示例组件使用了次但是点击任意一。当验证失败时,在开发版本下会在控制台抛出一条警告。是基础构造器,创建一个子类,参数是一个包含组件选项的对象。可以使用手动地挂载一个未挂载的实例。
第二章 数据绑定和第一个 Vue 应用
2.1.3 插值与表达式
如果想显示{{}}标签,而不进行替换 使用 v-pre即可跳 过这个元素和 它的子元素的 编译过程,
例如:
2.1.4 过滤器
{ { date | formatDate ) )
var app =new Vue({
el : ’ #app ’ ,
data: {
date : new Date()
filters : {
formatDate : function (value) { //这里的 value 就是需要过滤的数据
}
})
过滤器也可以串联,而且可以接收参数,例如:
这里的字符argl arg2 将分别传给过滤器的第 2个和第 3个参数,因为第1 个是数据本身。
**过滤器应当用于处理简单的文本转换,如果要实现更为复杂的数据变换,应该使用计
算属性;**
2.2 指令与事件
第三章 计算属性
既然使用 methods 就可以实现,那么为什么还需要计算属性呢?原因就是
计算属性是基于它的依赖缓存的。 一个计算属性所依赖的数据发生变化时,它才会重新取值,所以
text 只要不改变,计算属性也就不更新
第四章 v-bind及 class与 style 绑定
第五章 内置指令
5.1.1 v-cloak
[v-cloak] {
display: none;
}
{{message ))
一般情况下,v-cloak是一 个解决初始化慢导致页面闪动的最佳实践,对于简单的项目很实
用,但是在具有工程化的项目里,比如后面进阶篇将介绍 webpack和 vue-router 时,项目的 HTML
结构只有一 个空的 div 元素,剩余的内容都是由路由去挂载不同组件完成的,所以不再需要 v-cloak。
5.1.2 v-once
5.2.1 v-if v-else-if v-else
可以使用 Vue提供的 key 属性,它可以让你自己决定是否要复用元
素, key 的值必须是唯 一的: