一、Vue的介绍
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。
MVVM(Model-View-ViewModel)
模式和MVC模式一样，主要目的是分离视图(View)和模型(Model)，有几大优点
1. 低耦合。视图(View)可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel)，设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xaml代码。
4. 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。
针对Vue，阐述MVVM的应用，如下例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--这是我们的View-->
<div id="app">
{{ message }}
</div>
</body>
<script src="js/vue.js"></script>
<script>
// 这是我们的Model
var exampleData = {
message: 'Hello World!'
}
// 创建一个 Vue 实例或 "ViewModel"
// 它连接 View 与 Model
new Vue({
el: '#app',
data: exampleData
})
</script>
</html>
使用Vue的过程就是定义MVVM各个组成部分的过程的过程。- 定义View
- 定义Model
- 创建一个Vue实例或"ViewModel"，它用于连接View和Model
在创建Vue实例时，需要传入一个选项对象，选项对象可以包含数据、挂载元素、方法、模生命周期钩子等等。
在这个示例中，
选项对象的el属性指向View，
el: '#app'表示该Vue实例将挂载到<div id="app">...</div>这个元素；
data属性指向Model，
data:exampleData表示我们的Model是exampleData对象。
Vue.js有多种数据绑定的语法，最基础的形式是文本插值，使用一对大括号语法，在运行时{{ message }}会被数据对象的message属性替换，
所以页面上会输出"Hello World!"。
（这个是对Vue的大致的一个介绍，网上找的，需要更加详细的，可以多找找）
二、Vue的使用细节
1、
359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
