vue.js初级入门，hello world

之前用的jQuery已经让我感觉比js工作非常的顺心，然而让我认识了vue.js 之后我觉得，比jquey更先进，几行代码可以代替jquery多行，更不用说了，所以说科技让人进步，而进步是为了更简化工作。

1实例：通过创建一个Vue 用el锁定一个对象，这个对象是id 为app。就像json格式一样。data的值有什么。http://www.0517yy.com/rljs/ywlc/5981.html

[html]  view plain  copy

 print ?

1. <div id="app">  
2.   <p>{{ message }}</p>  
3. </div>  
4.   
5. <script>  
6. new Vue({  
7.   el: '#app',  
8.   data: {  
9.     message: 'Hello Vue.js!'  
10.   }  
11. })  
12. </script>  

2：实例

通过，html嵌入的形式，更好的进行异步加载，我现在能想到的事让页面更流畅的运行。通过后期的ajax请求后台，再复制给前台。用到的事ｖ－ｈｔｍｌ

[html]  view plain  copy

 print ?

1. <div id="app">  
2.     <div v-html="message"></div>  
3. </div>  
4.       
5. <script>  
6. new Vue({  
7.   el: '#app',  
8.   data: {  
9.     message: '<h1>菜鸟教程</h1>'  
10.   }  
11. })  
12. </script>  

3：通过判断folse或者是为true，如果选择了checkbox 返回的class1 为true http://www.0517yy.com/rlbd/5980.html

[html]  view plain  copy

 print ?

1. <div id="app">  
2.   <label>修改颜色</label><input type="checkbox" v-model="class1" >  
3.   <br><br>  
4.   <div v-bind:class="{'class1': class1}">  
5.     directiva v-bind:class  
6.   </div>  
7. </div>  
8.       
9. <script>  
10. new Vue({  
11.     el: '#app',  
12.   data:{  
13.     class1: false  
14.   }  
15. });  
16. </script>