uni-app组件使用

最新推荐文章于 2024-09-23 21:20:18 发布

jjy8040

最新推荐文章于 2024-09-23 21:20:18 发布

阅读量2.9k

点赞数 2

分类专栏：前端学习 uni-app 实际使用文章标签： uni-app

本文链接：https://blog.csdn.net/jjy8040/article/details/88779259

版权

实际使用同时被 3 个专栏收录

23 篇文章 0 订阅

订阅专栏

前端学习

18 篇文章 0 订阅

订阅专栏

uni-app

3 篇文章 0 订阅

订阅专栏

全局组件设置

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下直接使用，例：