全局組件設置main.js
// 常用組件,全局注冊
import tsBad from 'components/teaset/components/ts-badge.vue';
// 全局注冊
Vue.component("ts-bad",tsBad)
<ts-bad></ts-bad>
局部組件設置vue文件下
<script>
// 組件局部注冊
import tsBann from "components/teaset/components/ts-banner.vue"
export default {
components:{
tsBann
},
data() {
return {
title: 'index',
list: []
}
},
onLoad() {
},
methods: {
}
}
</script>
在對應的vue文件下注冊之后可在該vue下直接使用,例:
<ts-bann></ts-bann>
## ❤️ 只求一贊
如果文章對你有幫助,輕輕地點個贊,不留下一絲雲彩,只留下你的腳步~文章首發於個人原創公眾號:「達達前端」,囊括前端Vue、JavaScript、數據結構與算法、實戰演練、Node全棧一線技術,緊跟業界發展步伐,一個熱愛前端的達達程序員。
【作者】:Jeskson
【原創公眾號】:達達前端
【福利】:公眾號回復 “資料” 送自學資料大禮包(進群分享,想要啥就說哈,看我有沒有)!
【轉載說明】:轉載請說明出處,謝謝合作!~