Vue.js学习笔记(介绍)

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>