组件的概念:
- 组件的是什么:可复用的Vue实例对象,封装了HTML
学这个有什么好处:便于复用,易于维护。
组件的基础:
1. 使用步骤:
1. 封装组件 --- 一个vue文件就是一个组件
2. 引入组件
3. 注册组件
1. 全局注册:1.在main.js中使用Vue.component('组件名',组件对象) 2.注册组件可以在任意地方使用
2. 局部注册:<组件名>
4. scoped:
1. 作用:让样式只在当前组件的template 中生效
2. 原理:1.给标签加了data-v-hash 2.给所有css选择器加了一个属性选择器
组件通信:
1.父传子:
1. 子组件中定义props来接收父组件传递过来的数据
2. 父组件中给子组件标签上进行属性绑定传值
2.子串父:
1. 在父组件中给子组件绑定自定义事件,父组件中定义事件处理函数
2. 子组件中在恰当的时机,使用this.$emit()触发事件传递数据
Vue基础API有那些(重要)
- data
- methods
- computed
- watch
- components
- props