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!

前端技术栈

原文地址:https://www.cnblogs.com/dashucoding/p/12633836.html