排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256
50010702506256
欢迎加群交流技术
分类:
Vue
前言
Vue组件,类似于mvc里的分布页
可以重用Vue的实例,相当于是自定义一个控键,
template:模板
methods: 方法
slot:插槽
定义一个Vue组件
<div id="content">
<组件名>插槽数据</组件名>
</div>
//创建一个组件
Vue.component("组件名", {
data: function () {
return {
count: 1
}
},
}),
template:"<div><slot></slot><button v-on:click='run'>你点击了{{count}}次</button></div>",
methods: {
run: function () {
this.count++
}
}评价