携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天
一、模块与组件、模块化与组件化
1.模块
1）理解: 向外提供特定功能的 js 程序, 一般就是一个 js 文件
2）为什么: js 文件很多很复杂
3）作用: 复用 js, 简化 js 的编写, 提高 js 运行效率
2.组件
1）理解: 用来实现局部(特定)功能效果的代码集合(html/css/js/image…..)
2）为什么: 一个界面的功能很复杂
3）作用: 复用编码, 简化项目编码, 提高运行效率
3.模块化
当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。
4.组件化
当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用。
二、非单文件组件
1.模板编写没有提示
2.没有构建过程, 无法将 ES6 转换成 ES5
3.不支持组件的 CSS
4.真正开发中几乎不用
三、单文件组件
1.一个.vue 文件的组成(3 个部分)
1）模板页面
2）JS 模块对象
3）样式
2.基本使用
1）引入组件
2）映射成标签
3）使用组件标签
四、vue 和 jQuery 两者之间的区别是什么？
1、jQuery 介绍：曾经也是现在依然最流行的 web 前端 js 库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的 js 库所代替，随着浏览器厂商对 HTML5 规范统一遵循以及ECMA6 在浏览器端的实现，jQuery 的使用率将会越来越低
2、vue 介绍：vue 是一个兴起的前端 js 库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的 mvmm 框架如Angular，React 都是大同小异，本质上都是基于 MVVM 的理念。 然而 vue 以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起
3、vue 和 jQuery 对比 jQuery 是使用选择器（）选取 DOM 对象，对其进行赋值、取值、事件绑定等操作，其实和原生的 HTML 的区别只在于可以更方便的选取和操作 DOM 对象，而数据和界面是在一起的。比如需要获取 label 标签的内容：）选取 DOM 对象，对其进行赋值、取值、事件绑定等操作，其实和原生HTML 的区别只在于可以更方便的选取和操作 DOM 对象，而数据和界面是在一起的。比如需要获取 label 标签的内容：(“lable”).val();,它还是依赖DOM 元素的值。 Vue 则是通过 Vue 对象将数据和 View 完全分离开来了。对数据进行操作不再需要引用相应的 DOM 对象，可以说数据和 View 是分离的，他们通过 Vue 对象这个 vm 实现相互的绑定。这就是传说中的 MVVM
