博客详情

vue的双向数据绑定 (原创)

作者：朝如青丝暮成雪
发布时间：2020-04-02 13:45:30 文章分类：vue学习阅读(1015) 评论(0)

App.vue

<template>
  <div>
    <h1>vue的双向数据绑定</h1>
    <input v-model="message"/>
    <p>{{message}}</p>

  </div>
</template>
<style>
</style>


<script>
export default {
  name: 'App',
  data(){
     return {
        message:''//双向数据绑定
     }
  },
  methods:{

  }

}
</script>

演示效果：