SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
  el:'#app',
	data:{
    name:'qlion',
    age:'28',
    url:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1539692473952&di=49b76bd6237922a2c26ff099ba4f3422&imgtype=0&src=http%3A%2F%2Fpic14.nipic.com%2F20110605%2F1369025_165540642000_2.jpg',
  },
  methods:{
    changeName:function(event){
      this.name=event.target.value;
    }
  }
})
  <script  src='https://cdn.staticfile.org/vue/2.2.2/vue.min.js'></script>
<div id='app'>
  <p>我的名字是{{name}}</p>
  <p>我的年龄是{{age}}</p>
  <p>{{age * '3'}}</p>
  <img v-bind:src="url" alt="" />
  <input type="text" v-on:input='changeName' v-once/>
</div>