1. 什么是vue?
vue就是一套用于构建用户界面的渐进式JavaScript框架。
渐进式就是, 自底向上逐层的应用,引入各式各样的Vue插件。
使用vue,可以完全在浏览器端渲染页面,服务端只提供数据,他可以非常方便的构建单页面应用。
2. vue的特点:
采用组件化模式,提高代码复用性,并且让代码更好维护。
声明式编码,让编码人员无需直接操作DOM,提高开发效率。
使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。
学习vue的官方网站:http://cn.vuejs.org,里边提供了很详细的vue.js教程和学习指南,还有推荐使用的脚本框架,全部都是开源的。
3. 使用vue的背景
在前端框架中,与vue类似的还有React和Angular。
我们使用vue的好处呢,就是vue不存在依赖,很轻便,适用范围广(它适用于大中型项目,PC,移动端,混合开发),语法简单,双向数据库绑定。
vue和React ,都采用虚拟DOM,不过React的生态系统更加庞大,有ReactNative来进行混合开发,vue更轻量级。
vue和Angular,语法非常相似,Vue没有Angular深入开发,而只是保证了基本功能,不过vue的运行较快。
vue在单页面应用中的优势是:可以局部刷新,转场动画容易实现,数据传递更加容易。
劣势:搜索引擎优化较为困难,开发成本较高,需要专业框架。
4. vue的使用
vue有开发版本和生产版本两个,使用方法可以用script标签引入,也可以直接下载,script标签引入的vue需要加载时间。
script标签引入,对于学习vue的过程中,我们可以使用开发环境的vue,这是最新版本:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
对于生产环境的,我建议 链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
vue的下载安装,我建议到vue官网中跟着教程来安装,链接地址:https://cn.vuejs.org/v2/guide/installation.html