JavaScript的MVVM库Vue.js入门学习笔记_javascript类库

二、v-on 缩写

三、过滤器

四、条件渲染

五、列表渲染 for

数组变动检测
Vue.js 包装了被观察数组的变异方法，故它们能触发视图更新。被包装的方法有：push(), pop(), shift(), unshift(), splice(), sort(), reverse()

对象 v-for

值域 v-for

六、方法与事件处理器
方法处理器

内联语句处理器

有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入方法

## 事件修饰符

## 按键修饰符

全部的按键别名：enter，tab，delete，esc，space，up，down，left，right

## 其他实例

七、过渡
CSS 过渡

你可以在同一元素上通过动态绑定实现不同的过渡：

另外，可以提供 JavaScript 钩子:

八、组件
1.注册

2.使用prop 传递数据
实例一：

实例二：

3.动态props

使用 v-bind 的缩写语法通常更简单：

4.Prop 绑定类型
prop 默认是单向绑定：当父组件的属性变化时，将传导给子组件，但是反过来不会。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。不过，也可以使用 .sync 或 .once 绑定修饰符显式地强制双向或单次绑定：

比较语法：

5.Prop 验证
组件可以为 props 指定验证要求。当组件给其他人使用时这很有用，因为这些验证要求构成了组件的 API，确保其他人正确地使用组件。此时 props 的值是一个对象，包含验证要求：

其他实例：

6.注册

或者直接写成：

7.使用prop 传递数据
实例一：

实例二：

8.动态props

使用 v-bind 的缩写语法通常更简单：

9.Prop 绑定类型
prop 默认是单向绑定：当父组件的属性变化时，将传导给子组件，但是反过来不会。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。不过，也可以使用 .sync 或 .once 绑定修饰符显式地强制双向或单次绑定：

比较语法：

其他实例：

10.Prop 验证
组件可以为 props 指定验证要求。当组件给其他人使用时这很有用，因为这些验证要求构成了组件的 API，确保其他人正确地使用组件。此时 props 的值是一个对象，包含验证要求：

其他实例：

11.使用slot分发内容
元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。
有 name 特性的 slot 称为命名 slot。 有 slot 特性的内容将分发到名字相匹配的命名 slot。

例如，假定我们有一个 multi-insertion 组件，它的模板为：

父组件模板：

渲染结果为：