1.vue学习笔记之vue 简介

Vue 简介

vue 是什么？

是由尤雨溪开发的一套用于构建用户界面的渐进式 JavaScript 框架。
渐进式：vue 可以自底向上逐层的应用
简单应用：只需要一个轻量小巧的核心库。
复杂应用：可以引入各式各样的 vue 插件。

vue 特点

1. 采用组件化模式，提高代码复用率、且让代码更好维护。
   组件：是 .vue 后缀，里面包括了 css js html 三部分组成。
2. 声明式编码，让编码人员无需直接操作 DOM，提高开发效率。

按以前的方式：

let htmlStr = ' '
persons.forEach( p => {
	htmlStr += '<li>${p.id} - ${p.name} - ${p.age}</li>'
});
let list = document.getElementById('list')
list.innerHTML = htmlStr

声明式：

<ul id = 'list'>
	<li v-for='p in persons'>
		{{p.id}} - {{p.name}} - {{p.age}}
	</li>
</ul>

3. 使用虚拟 DOM + 优秀 Diff 算法，尽量复用 DOM 节点。类似响应式。
4. 学习 vue 之间 要掌握的基础知识。
   ES6 语法规范
   ES6 模块化
   包管理器
   原型、原型链
   数组常用方法
   axios
   promise
   ……

参考： https://www.bilibili.com/video/BV1Zy4y1K7SH?p=2&spm_id_from=pageDriver