Vue笔记（二）Vue组件化编程

目录

模块与组件：

非单文件组件：

 组件的嵌套：

VueComponent构造函数：

单文件组件：

---

模块与组件：

模块：向外提供特定功能的js程序，一般就是一个js文件，作用：复用js、简化js的编写，提高js的运行效率。当应用中的js都以模块来编写，那这个应用就是一个模块化的应用。

组件：用来实现局部（特定）功能的代码和资源的集合（html/css/js/image...），作用：复用编码、简化项目编码，提高运行效率。当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件化的应用。

非单文件组件：

一个文件中包含有n个组件。

Vue中使用组件的三大步骤：1.定义组件（创建组件）。2.注册组件。3.使用组件（写组件标签）。

定义组件：使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，区别：1.不写el。2.data必须写成函数，避免组件被复用时，数据存在引用关系。（使用template可以配置组件结构）

注册组件：1.局部注册：靠new Vue的时候传入components选项。2.全局注册：靠Vue.component(‘组件名’,组件)。

注意点：

1.组件名（可以使用name配置项指定组件在开发者工具中呈现的名字）。

一个单词组成：都小写（school）或首字母大写（School）。

多个单词组成：kebab-case命名（my-school）或CamelCase命名（MySchool），前者需要用引号括起来，后者需要脚手架。