1. 组件插槽

   匿名插槽

默认情况下不能在子组件标签中额外**(不是子组件的

阅读更多

父子组件

父子组件即组件嵌套，例如：实例与<template>定义在其中的局部组件与就是一对父子组件。之前也说过实例就是一个组件，其中可以设置 methods、components 等对象，那么局部组件中也可设置 components，就是设置其子组件，如下 ↓

为自定义全局组件设置子组件

阅读更多

1. 组件切换

对于自定义的组件，也可像普通元素一样使用 v-if 进行切换

阅读更多

Vue 组件

全局组件

1. 创建组件构造器

Vue.extend(options)

需在构造器中编写模板template，用于说明这个组件中要写什么元素

阅读更多

Vue 过渡动画

类名过渡

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果

阅读更多

1. 展示未绑定数据的模板元素
2. 绑定数据并生成 HTML
3. 渲染 HTML 元素

当用户网速较慢或网站性能较差时，用户可能会看到 vue 模板内容，

阅读更多

自定义全局过滤器

• 用于格式化文本内容
• 只能在插值处和 v-bind 处使用
• 可在一处元素堆叠使用多个过滤器

1. 使用Vue.filter()方法定义过滤器，该方法接收两个参数：过滤器名(String)，处理数据的函数
2. 默认处理数据的函数接收一个参数，即当前要被处理的数据
3. 使用时，在元素插值处，加上| 过滤器名即可，如下 ↓

阅读更多

自定义全局指令

1. 使用Vue.directives()方法，两个参数：字符串(指令名)、对象(业务逻辑)
2. 注意：自定义指令名称不要加 v-，vue 会自动加上，用的时候如：

3. 在对象中(实现业务逻辑时)，使用钩子函数规定 Vue 何时执行你的函数–

阅读更多

v-on

1. 为元素绑定监听事件
2. v-on:事件名="函数名"，简写@事件名='函数名'
3. v-on绑定的事件触发后，vue 会去实例对象的methods中找对应的回调函数
4. 使用修饰符，如v-on:事件名.once="函数名"
5. 使用@事件名='函数名($event)'来获取事件对象

阅读更多

v-bind

1. 使用插值表达式、v-text等插值语法是为元素绑定数据，使用v-bind：属性名(或 v-model)为元素的属性绑定数据
2. 简写为：属性名='合法JS表达式'如：'temp+1'

用 v-bind 为元素绑定 class 类名

阅读更多