uni-app组件使用
全局组件设置main.js// 常用组件,全局注册import tsBadge from 'components/teaset/components/ts-badge.vue';// 全局注册Vue.component("ts-badge",tsBadge)在main.js中注册之后可在vue文件中直接使用,不需要再在引用的vue文件下单独注册,例:<ts-bad...
·
全局组件设置
main.js
// 常用组件,全局注册
import tsBadge from 'components/teaset/components/ts-badge.vue';
// 全局注册
Vue.component("ts-badge",tsBadge)
在main.js中注册之后可在vue文件中直接使用,不需要再在引用的vue文件下单独注册,例:
<ts-badge></ts-badge>
局部组件设置
vue文件下
<script>
// 组件局部注册
import tsBanner from "components/teaset/components/ts-banner.vue"
export default {
components:{
tsBanner
},
data() {
return {
title: 'Hello',
list: []
}
},
onLoad() {
},
methods: {
}
}
</script>
在对应的vue文件下注册之后可在该vue下直接使用,例:
<ts-banner></ts-banner>
更多推荐
已为社区贡献6条内容
所有评论(0)