Vue——从入门到精通


从2016年以来,如果你要问前端技术框架什么最火,那无疑就是前端三巨头:React、Angular、Vue。没错,什么jQuery,seaJs,gulp等都逐渐脱离了热点。面试的时候说一些相关技术,好像自己就不是搞前端的似的。

什么是Vue.js

不管你想不想了解,你只需要大概知道,Vue就是和jQuery一样是一个前端框架,它的中心思想就是数据驱动,像远古时代的老前辈jQuery是结构驱动,什么意思呢,以前我们写代码时常用$('.dom').text('我把值改变了'),这种写法先要获得结构,然后再修改数据更新结构,而Vue的做法直接就是this.msg="我改变了",然后msg就会同步到某个结构上,视图管理抽象为数据管理,而不是管理dom结构了。

还有一点必须要知道的是,Vue是国人写的(尤雨溪),技术文档也妥妥的是中文,想到这我就有学习的动力。

搭建环境

工欲善其事必先利其器,我们的学习计划从学会搭建Vue所需要的环境开始,node和npm的环境不用说是必须的,现在前端流程化很热门。


1. 初始Vue

第一步:给Vue准备一个容器:

第二步:创建Vue实例:

2. Vue的响应式原理



3. Vue的常用指令

4. 条件渲染和列表渲染


附件:

Vue官网 https://cn.vuejs.org/

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容