SOURCE

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    html:"<font color='red'>我是一段代码片段</font>",
    title:'我是一个title',
    count:1,
    items:[20,23,18,65,32,19,54,56,41],
    isLogin:false
  },
  methods:{
    jiafen(){
			this.count++
    },
    login(){
    	this.isLogin=true
  	},
  }
})

<script src="https://unpkg.com/vue"></script>
<div id="app">
  <p>{{ message }}</p>
  <p v-text="message"></p>
  <div v-html='html'></div>
  <p v-bind:title='title'>放我上面试试</p>
  <button v-on:click="jiafen">加分</button> <span>{{count}}</span>
  
  <p>v-model:<input type="text" v-model="message"></p>
  
   <ul>
     <li v-for="item in items">
          {{item}}
     </li>
   </ul>
  <div v-if="isLogin">你好：Vue</div>
  <div v-else>请登录后操作</div>
<button v-on:click="login">登录</button>
  
  <div v-show="isLogin">你好：Vue</div>
</div>