uni-app組件使用


全局組件設置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

【原創公眾號】:達達前端

【福利】:公眾號回復 “資料” 送自學資料大禮包(進群分享,想要啥就說哈,看我有沒有)!

【轉載說明】:轉載請說明出處,謝謝合作!~

歡迎關注達達前端的CSDN!

前端技術棧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM