组件
组件:多次复用一套代码,清晰,方便管理,独立
vue组件就是一个单vue文件 封装的vue实例
scoped 独立作用域
每一个vue变量都在独立的作用域里,所以互不影响
- 创建组件
- 引入组件
- 注册组件
- 使用组件
import Vue from 'vue'
import 组件对象 from 'vue文件路径'
Vue.component("组件名", 组件对象)
scoped
给style添加scoped,会给所有标签+data-v-哈希值,方便独立使用,避免污染
单向数据流
props里定义的变量不可以修改,因为 props里的变量 是只读的
绑定点击事件口诀 @事件名=methods里的方法
子组件的props用于定义父组件的变量,接收外部传入的值