编码流程

• 拆分静态组件：按照功能点拆分，命名不要与 HTML 元素相冲突。

• 实现动态组件：考虑好数据组件的存放位置，数据是一个组件在用，还是一些组件在用。 1.一个组件在用，放在自身即可。 2.一些组件在用，放在他们共同的父组件上。

• 实现交互：从绑定事件开始。

props

• 适用于父组件=>子组件通信
• 子组件=>父组件通信（需要父组件先给子组件一个函数）
• 使用 v-model 要注意，不要修改 props 传递过来的值。
• props 传递的值如果是对象类型，修改对象中的属性时 vue 不会报错，但不推荐这样做。