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:[]
}
}
}
网友评论