Vue （一）
Vue简介
Vue是什么？
一套用于构建用户界面的渐进式JavaScript框架
构建用户界面：将数据解析成界面
渐进式：Vue可以自低向上逐层的应用
1.简单应用：只需一个轻量小巧的核心库
2.复杂应用：可以引入各式各样的Vue插件
vue的特点
1.组件化模式，提高代码复用率，且让代码更好维护
2.声明式编码，让编码人员无需直接操作DOM,提高开发效率
命令式编码：
//准备html字符串
let htmlStr = ''
//遍历数据拼接html字符串
persons.forEach( p => {
htmlStr += `<li>${p.id} - ${p.name} - ${p.age}</li>`
});
//获取list元素
let list = document.getElementById('list')
//修改内容（亲自操作DOM）
list.innerHtml = htmlStr声明式编码：
<ul id="list">
<li v-for="p in persons">
{{p.id}} - {{p.name}} - {{p.age}}
</li>
</ul>学习Vue之前要掌握的Javascript基础知识：
ES6语法规范：
1.let （块级变量） 和 const（块级常量）声明变量
2. 模板字符串 ：使用反应号（` `）,支持变量插值和多行字符串
ES6模块化：
包管理器：
原型、原型链
数组常用方法
anxios
promise
课外延伸：
关于 getElementByld 和 querySelector的区别：
1.getElementByld：
<1>是一个快速且简单的方法，适用于你知道元素ID并且ID是唯一的情况
<2>不能返回多个元素，即使页面上有多个元素具有相同的ID
2.querySelector：
<1>解析稍慢，因为它需要解析CSS选择器，然后遍历DOM树来找到匹配元素；
<2>提供更多的灵活性和强大的选择器功能
<3>可以配合All后缀使用，如querySelectorAll.这样可以返回所有匹配选择器元素的NodeList