console 命令行工具 X clear

console

var app = new Vue({
  el: '#app',
  data() {
      return {
           message: 'Hello Vue!'
      }
  },
  methods: {
      change (e) {
          this.message = e.target.value
      }
  }
})

<!Doctype html>
<html lang="less">
    <head>
        <meta charset="utf-8">
       <title>测试</title>  
    </head>
   <body>
	<div id="app">
        {{message}}
        <br />
        <input v-model="message"/>
        <br />
        <!-- 用原生事件和属性实现以上效果 -->
        <input :value="message" @input="change"/>
        
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
   </body>
</html>