今天是学习VUE的第一天,也是第一次发表博客发表博客的日子。或许应该值得纪念吧(允许我浅啰嗦一句)。下面开始步入正题,一个初学Vue的菜鸟眼中的Vue(内容中会有不足,欢迎批评指正)。
一、什么是Vue?
它是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计,并且便于与第三方库或既有项目整和。它也是前端主流框架之一,和Angular.js,React.js一起并称三大主流框架。
二、为什么要学Vue?
1、提高开发效率,效率就是金钱;
2、减少不必要的DOM操作;
3、提高渲染效率;双向数据绑定的概念【通过框架提供的指令,我们前端程序员只需要关心数据的业务逻辑,不再关心DOM是如何渲染的了】
三、框架和库的区别
框架:是一套完整的解决方案,对项目的侵入性较大,项目如果需要更换框架,则需要重构项目。
库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。
四、Vue的使用
第一步:引入vue.js(可以是下载好的本地vue.js,也可以是线上的vue.js)
<script src=""></script>
第二步:写视图层(我们需要展示的内容)
<div id="app"></div>
第三步:实例化vue
- data:存放数据
- el:这个控制是哪块视图
- methods:放我们的方法
<script>
var newVue = new Vue({
el: "#app",
data: {
},
methods: {
}
})
</script>
这样,Vue的框架就搭建好了,向里面添加内容来实现我们想要的功能。