Question

Vue组件化开发

Answer 1

✍ 目录总览： （组件化概念、组件注册、数据存放、组件数据共享、组件插槽、使用步骤）

1. 组件化开发思想

组件化思想的特点 ：标准、分治、复用、组合

2. 组件定义

3. Vue中的组件化开发

4. Vue组件的三个组成部分

每个 .vue 组件都由 3 部分构成，分别是：

其中， 每个组件中必须包含 template 模板结构 ，而 script 行为 和 style 样式 是 可选 的组成部分。

实例：

1. data必须是一个函数

2. 组件模板内容必须是单个跟元素

3. 组件模板内容可以是模板字符串 （需要浏览器提供ES6语法支持）

4. 组件命名方式

1. 组件内部通过props接收传递过来的值

2. 父组件通过属性将值传递给子组件

3. props属性名规则

4. props属性值类型

1. 子组件通过自定义事件向父组件传递信息

2. 父组件监听子组件的事件

3. 子组件通过自定义事件向父组件传递信息

4. 父组件监听子组件的事件

1. 单独的事件中心管理组件间的通信

2. 监听事件与销毁事件

3. 触发事件