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