探索学习 Vue 组件篇 第一篇 对组件的理解

探索学习 Vue 组件篇

Vue 官网： https://cn.vuejs.org/v2/guide/forms.html
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 https://www.bilibili.com/

第一篇 对组件的理解

问题引入

1. 什么是组件？
2. 组件化编程，和传统化编程相比，有啥优势呢？

---

1. 传统方式编写应用

2. 组件方式编写应用

3. 官网组件方式嵌套

4. 模块与组件 、 模块化与组件化

4.1. 模块

• 理解： 向外提供特定功能的js程序，一般就是一个js文件
• 为什么：js 文件很多很复杂
• 作用：复用js,简化js的编写，提高js 运行效率

4.2. 组件

• 理解: 用来实现局部(特定)功能效果的代码和资源的集合(html/css/js/images……)
• 为什么：一个界面的功能很复杂
• 作用： 复用编码、简化项目编码、提高运行效率

4.3. 模块化

• 理解: 当应用中的js 都以模块来编写，那么这个应用就是一个模块化的应用；

4.4. 组件化

• 理解: 当应用中的功能都是多组件的方式来编写，那么这个应用就是一个组件化的应用；

创作不易，欢迎 多多点赞，收藏 各节里面总结的还有不到位的欢迎指证
邮箱：pymxb1991@163.com
微信：py_mxb

时人莫小池中水，浅处不妨有卧龙. ——唐、窦庠《醉中赠符载》