Vue笔记-组件部分

​Vue2(笔记19) - 组件 - 对组件的理解​

​Vue2(笔记20) - 组件 - Vue 非单文件组件 和 几个注意点​

​Vue2(笔记21) - 组件 - 组件的嵌套​

​Vue2(笔记22) - 组件 - VueComponent 以及 Vue 和 VueComponent 的内置关系​

​Vue2(笔记23) - 组件 - 单文件组件​


传统方式写应用

传统方式做项目:一个页面一个 html ,每个页面都会引入几个 js 和 css,代码交叉复制、文件交叉引用;

Vue2(笔记19) - 组件 - 对组件的理解_Vue

存在的问题:

1)依赖关系混乱,不好维护;

2)代码复用率不高;


模块化:

理解:向外提供特定功能的JS程序,一般就是一个JS文件 ;

作用:复用JS,简化JS的编写,提高JS运行效率;

模块化可以解决一部分JS的问题,模板的复用率不高;


组件方式写应用

一个部分一个组件,每个组件相对独立,不同页面间相同的能力(结构、样式和交互)可复用;

Vue2(笔记19) - 组件 - 对组件的理解_组件_02

组件:是实现应用中局部功能代码和资源的集合;

局部:某个功能或某个区域的划分;

代码:就像 css / html / js ;

资源:图片、音视频、字体、包等;

Vue2(笔记19) - 组件 - 对组件的理解_组件_03

所有组件受一个根组件管理;组件之间可以嵌套;需要哪类组件引入就可以了;