一、定义组件的两种方式
二、组件的分类
三、引用模板
{ {msg}}
- { {value}}
四、动态组件
五、父子组件及组件间数据传递
我是hello父组件
访问自己的数据:{ {msg}},{ {name}},{ {age}},{ {user.username}}
访问子组件的数据:{ {sex}},{ {height}}
我是world子组件
访问父组件中的数据:{ {message}},{ {name}},{ {age}},{ {user.username}}
访问自己的数据:{ {sex}},{ {height}}
六、单向数据流
父组件:{ {name}}
父组件:{ {user.age}}
子组件:{ {name}}
子组件:{ {user.age}}
七、非父子组件间的通信
A组件:{ {name}}
B组件:{ {age}}
C组件:{ {name}},{ {age}}
八、slot内容分发
- aaa
- bbb
- ccc
- 111
- 222
- 333
welcome to itany
九、路由基本用法
主页 新闻
十、路由嵌套和参数传递
主页 用户
用户信息
用户登陆 用户注册