组件的data和methods
程序员文章站
2022-05-03 21:29:55
...
在组件中也有属于自己的data与methods
var vm=new Vue({
el:'#app',
data:{
msg:11111,
},
components:{
aa:{
template: '<div><button @click="add">go</button><p>{{con}}</p></div>',
data:function () {
return {
con:1
}
},
methods:{
add:function () {
this.con+=1;
}
}
}
}
})
其中data是一个方法函数,而不再是一个对象,并且需要return来传出,否则会报错
推荐阅读
-
Webview组件和HTML的介绍_html/css_WEB-ITnose
-
盒模型的组件和注意事项_html/css_WEB-ITnose
-
Vue组件封装上传图片和视频的示例代码
-
论基于数据访问的集合类(Data Access Based Collection)和领域
-
element-ui 的el-button组件中添加自定义颜色和图标
-
小程序自定义组件——创建和使用自定义组件步骤 & 自定义组件属性properties数据列表、data数据、methods方法的用法
-
Android实现获取meta-data和build.gradle的值
-
vue基于Vue2.0和高德地图的地图组件实例
-
Vue两种组件类型:递归组件和动态组件的用法
-
windows下面php5.2.17和php5.3.18和php5.4.8各个版本的imagick组件下载