Vue之双向数据绑定

双向 数据绑定充分体现了MVVM的设计思想，model的改变会导致view的改变，view的改变会影响model的状态，VM作为二者之间的通信管道

代码示例

<template>
  <div id="app">
   <h1>{{msg}}</h1>
   <input type="text" v-model='msg'>
   <pre>
     {{$data | json}}
   </pre>
  </div>
</template>

<script>
export default {
  data () {
    return {
     msg:'hello ,vue!'
      
    }
    
  }
}
</script>

<style lang="scss">


</style>

实际效果：