美文网首页
Vue组件之双向绑定

Vue组件之双向绑定

作者: Statham_Jessie | 来源:发表于2020-02-28 18:29 被阅读0次

            Vue是一种MVVM架构的解决方案,使开发者能快速的搭建系统框架,对数据和控件之间的数据传递不用花费太多心思。Vue实现数据绑定的关键字有v-bind/v-model;

            v-bind是单向绑定,用法是在后边写上冒号,例如<input type="text" v-bind:value="msg"/>,msg是定义的变量,当msg的值更新后会更新到input控件;v-model是双向绑定,当控件的值发生改变时,msg的值也会进行更新,例如<input type="text" v-model="msg"/>。

            在script块中,进行模块导出和数据定义

           export default {

           name:'helloworld',

           data () {

           return {

    msg:"",

    list:[]

    }

    }

    相关文章

      网友评论

          本文标题:Vue组件之双向绑定

          本文链接:https://www.haomeiwen.com/subject/tpfrhhtx.html