SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
  el: '#exercise',
  data: {
    name: 'YOUR_NAME',
    age: '20',
    imglink: ''
  },
  methods: {
    getNum: function(){
      
      return Math.random()*100;
    }
  }
});
<script src="https://unpkg.com/vue@2.6.10/dist/vue.js">
</script>
<div id='exercise'>
  <p>VueJS is pretty cool - {{ name }}({{ age }})</p>
  <p>{{ age*3 }}</p>
  <p>random number: {{ getNum() }}</p>
<button></button>
  <img v-bind:src="imglink" alt="" />
  <input type="text" v-bind:value="name"/>
</div>