Vue手记 3

组件

组件:多次复用一套代码,清晰,方便管理,独立
vue组件就是一个单vue文件 封装的vue实例
scoped 独立作用域
每一个vue变量都在独立的作用域里,所以互不影响

• 创建组件
• 引入组件
• 注册组件
• 使用组件

import Vue from 'vue'
import 组件对象 from 'vue文件路径'

Vue.component("组件名", 组件对象)

---

scoped

给style添加scoped,会给所有标签+data-v-哈希值,方便独立使用,避免污染

---

单向数据流

props里定义的变量不可以修改,因为 props里的变量 是只读的

---

绑定点击事件口诀 @事件名=methods里的方法

子组件的props用于定义父组件的变量,接收外部传入的值