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>