Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue.js的工作模式为MVVM模式,而该MVVM模式可以拆分解释为:
Model:负责数据存储View:负责页面展示View Model:负责业务逻辑处理(比如说Ajax请求等),对数据进行加工后交给视图进行相应的展示MVVM要解决的问题是将业务逻辑代码与视图代码进行完全分离,使各自的职责更加清晰,后期代码维护更加简单。
vue.js的官网访问地址如下:
vue.jsvue.js的GitHub源文件地址:
vue如果我们有什么想要下载的vue资源,我们可以直接去vue的官方GitHub上去下载,不过一般情况下我不会去那里下载,毕竟那的vue版本还算是比较少的,一般情况下我都会去Maven的中央仓库中去查找。
Maven中央仓库中对应的vue资源如下:
Vue在这里,我们可以找到Vue的所有版本,如图中所示,我们这里可以找到Vue的31个版本,这已经是比较丰富的了。
在进行Vue的演示时,我这里所采用的是Vue的Vue.js v1.0.20版本,其演示源码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue</title> </head> <body> <div id="app"> {{hello}} </div> </body> <!--1、导入Vue的js文件 --> <script src="../../../js/vue/vue/1.0/vue.js"></script> <script type="application/javascript"> //2、实例化Vue对象,其中vm:叫做MVVM中的View Model var vm = new Vue({ el:'#app' //表示当前Vue对象接管app的div区域 ,data:{ hello:'Hello World !' //相当于MVVM中的Model这个角色 } }); </script> </html>演示的结果: