汤小洋Vue课程代码记录
课程连接地址:http://edu.51cto.com/course/10543.html
抄录至仅方便自己查阅,小伙伴们可以去学院支持该课程
code01
定义组件的两种方式
code02
组件的分类
code03
引用模板
{{msg}}
- {{value}}
code04
动态组件
code05
父子组件及组件间数据传递
我是hello父组件
访问自己的数据:{{msg}},{{name}},{{age}},{{user.username}}
访问子组件的数据:{{sex}},{{height}}
我是world子组件
访问父组件中的数据:{{message}},{{name}},{{age}},{{user.username}}
访问自己的数据:{{sex}},{{height}}
code06
单向数据流
父组件:{{name}}
父组件:{{user.age}}
子组件:{{name}}
子组件:{{user.age}}
code07
非父子组件间的通信
A组件:{{name}}
B组件:{{age}}
C组件:{{name}},{{age}}
code08
slot内容分发
- aaa
- bbb
- ccc
- 111
- 222
- 333
welcome to itany
code09
路由基本用法
主页
新闻
code10
路由嵌套和参数传递
主页
用户
用户信息
用户登陆
用户注册
code11
code12
code13