资讯专栏INFORMATION COLUMN

vue.js实战书籍学习记录

fyber / 2892人阅读

摘要:注册有全局注册和局部注册两种方式。比如下面的示例组件使用了次但是点击任意一。当验证失败时,在开发版本下会在控制台抛出一条警告。是基础构造器,创建一个子类,参数是一个包含组件选项的对象。可以使用手动地挂载一个未挂载的实例。

第二章 数据绑定和第一个 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 的值必须是唯 一的: