Leo's public fiddles
-
7 组件详解
7.5 组件高级用法
-
7 组件详解
7.4 使用slot(插槽)分发内容
-
7 组件详解
7.3 组建通信
-
7 组件详解
7.2 使用props传递数据
-
7 组件详解
7.1 组件与复用
-
数据绑定和第一个vue应用
No-Library (pure JS), HTML, CSS, JavaScript
-
v-bind及class与style绑定
v-bind指令来绑定class和style的多种方法
-
内置指令(基本指令)
Vue的指令是带有特殊前缀"v-"的HTML特性,他绑定一些表达式,并将一些特性应用到DOM上
-
内置指令(条件渲染指令v-if)
v-if、v-else-if、v-else、v-show
-
表单与v-model(修饰符)
与事件的修饰符类似,v-model也有修饰符,用于控制数据同步的时机
-
表单与v-model(绑定值)
单选按钮、复选框和选择列表在单独使用或单选的模式下,v-model绑定的值是一个静态字符串或布尔值,但在业务中,有时需要绑定一个动态的数据,可以用v-bind
-
表单与v-model(绑定值)
单选按钮、复选框和选择列表在单独使用或单选的模式下,v-model绑定的值是一个静态字符串或布尔值,但在业务中,有时需要绑定一个动态的数据,可以用v-bind
-
表单与v-model(select)
表单的数据双向绑定
-
表单与v-model(checkbox)
表单的数据双向绑定
-
购物车demo
5.5实战:利用计算属性、指令等知识开发购物车
-
内置命令(方法与事件v-on)
v-on:click @click 语法糖
-
计算属性
computed
-
内置指令(列表渲染指令v-for)
v-for