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>