Vue语法也可以进行APP开发,需要借助weex
Vue.js是一套构建用户界面的框架,只关注视图层,便于与第三方库或既有项目整合。
在Vue中的核心概念:让用户不能操作Dom元素(减少不必要的dom操作,提高渲染效率),;双向数据绑定的概念(通过框架提供的指令,让程序员可以更多的关注业务逻辑,不在关心Dom是如何渲染的)
## 框架和库的区别
框架:一套完整的技术解决方案;对项目的侵入性比较大,项目如果需要更换框架,则需要重新架构整个项目。
库(插件):提供某个小功能,对项目侵入性比较小,如果某个库无法完成某些需求,可以很容易切换到其他库实现需求。
EX:从JQuery切换到Zepto、从EJS切换到art-tamplate
##Node(后端)中的MVC与前端中的MVVM之间的区别
MVC:是后端的分层开发概念
MVVM:是前端视图层的概念,只要关注于 视图层分离,也就是说MVVM把前端的视图层分为了三部分,使开发更加方便,因为提供了数据的双向绑定。
M:保存的是每个页面中单独的数据
VM:他是一个调度者,分割了M和V;每当V层想要获取或保存数据的时候,都要由VM做中间的处理
V:每个页面中的HTML结构
##Vue.js基础代码块
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"/> 7 <title>Document</title> 8 <script src="lib/vue.js"></script> 9 <!-- 导入js库 --> 10 </head> 11 <body> 12 <div id="app"> 13 <p></p> 14 </div> 15 <script type="text/javascript"> 16 var vm = new Vue({ //实例化vm,获得ViewModel 17 el:'#app', //el 指定要控制的区域 18 data:{ }, //是个对象,制定了控制的区域内要用到的数据 19 methods:{ //methods虽然带有s后缀,但是是个对象,自合理可以自定义了方法 20 21 } 22 }) 23 </script> 24 </body> 25 </html>