文章目录
Vue简介
开发者
GitHub尤雨溪
发布时间
2013年
受到Angular框架的启发,尤雨溪开发出了一款轻量框架 - seed。同年12月,Seed更改名为Vue,版本号0.6.0
2020年
9月18日,正式发布Vue 3.0.0 One Piece(海贼王)版本
结论
Vue是后起之秀,生态完善,已然成为国内前端工程师必备技能
Vue的特点
采用组件化模式
提高代码复用率、且让代码更好维护。
声明式编码
- 让编码人员无需直接操作DOM,提高开发效率。
命令式编码举例
//准备html字符串
let hemlStr = ""
//遍历数据并拼接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语法规范
ES6模块化
包管理器
原型、原型链
数组常用方法
axios
promise
Vue官方使用指南
起步介绍
了解关于HTML、CSS和 JavaScript的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的注意,所以,掌握好基础再来吧!
TheEnd
今年下半年再回来!!