5.双向数据绑定

• 2019 年 10 月 8 日
• 筆記

1.双向数据绑定

<template>    <div id="app">      <!-- 双向数据绑定MVVM vue就是一个mvvm框架， model改变影响视图，视图改变影响model -->      <!-- 双向数据绑定必须结合表单使用 -->      <h2>{{msg}}</h2>      <input type="text" v-model="msg">      <p></p>      <button @click="changeMsg()">修改msg影响视图</button>      </div>  </template>  <script>  export default {    name: 'app',    data () {      return {        msg:'双向数据绑定'      }    },    methods:{      changeMsg(){        this.msg='点击修改msg'      }    }  }  </script>  <style>    </style>