0
点赞
收藏
分享

微信扫一扫

Vue入门基本介绍

_鱼与渔_ 2022-01-13 阅读 74

文章目录

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

今年下半年再回来!!

举报

相关推荐

0 条评论