VueStudyDemo

数据绑定指令和事件：

数据绑定指令和事件

计算属性

demo1-计算属性

demo2-计算购物车总价

demo3-显示姓名

v-bind以及class与style的绑定

demo1-v-bind

demo2-绑定class

demo3-数组语法和对象语法混用

demo4-绑定内联样式

内置指令

demo1-基本指令

demo2-条件渲染指令

demo3-列表渲染指令

demo4-数组更新

demo5-方法与事件

demo6-修饰符

表单与v-model

基本用法

组件

demo1-组件的使用方法

demo2-组件使用的注意事项

demo3-父组件给子组件传递数据props

demo4-单向数据流

demo5-数据验证

demo6-自定义事件-子组件给父组件传递数据

demo7-在组件中使用v-model

demo8-非父组件之间的通信

demo9-组件编译的作用域

demo10-单个slot和具名slot

demo11-作用域插槽

demo12-访问slot

demo13-动态组件使用方法

自定义指令

自定义指令

render函数

demo1-render函数初步了解

demo2-render函数的第一个参数

demo3-render函数的第二个参数

demo4-render函数的第三个参数

demo5-this.$slots在render函数中的使用

demo6-在render函数中使用props传递数据

demo7-v-model在render函数中的使用

demo8-作用域插槽在render函数中的使用

demo9-函数化组件的应用

总链接地址