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



1实例：通过创建一个Vue 用el锁定一个对象，这个对象是id 为app。就像json格式一样。data的值有什么。

<div id="app">
  <p>{{ message }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>


2：实例

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

<div id="app">
    <div v-html="message"></div>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>廖圣平博客</h1>'
  }
})
</script>



3：通过判断folse或者是为true，如果选择了checkbox 返回的class1 为true

<div id="app">
  <label>修改颜色</label><input type="checkbox" v-model="class1" >
  <br><br>
  <div v-bind:class="{'class1': class1}">
    directiva v-bind:class
  </div>
</div>
  
<script>
new Vue({
  el: '#app',
  data:{
    class1: false
  }
});
</script>