uniapp组件引入应用

一：uniapp组件引入，可以让我们的代码结构更清晰，减少重复写入，也可以让代码在多处使用，大大提高我们的效率，缩小整个项目的大小，减少了工作量。

1，引入组件。
在index.vue中引入maintain ，seckill ，SpellDeals 组件 并在实例中注册。

	import maintain from "../../components/maintain.vue"
	import seckill from "../../components/seckill.vue"
	import SpellDeals from "../../components/SpellDeals.vue"
	export default {
		components:{
			maintain,
			seckill,
			SpellDeals
		},

在页面中引用：

	<view></view><seckill></seckill>
	<SpellDeals></SpellDeals>

2，css样式。

① 测试：在同级目录下新建css页面和js页面。

② css引入：在index.vue的style标签里引入。

<style>
	@import url("./index.css");
</style>

③ js引入：在index.vue的script标签里引入。

import music from './music.js'

④ js验证是否引入：在index.js中写的以下方法：

var once=function(){
	console.log('成功！！！')
}

export default{
	once
}

⑤ 在onload里进行测试：

onload:function(){
	index.once()
}

⑥ 最后保存代码，进入浏览器查看控制台，若打印出“成功！！！”则为引入成功。

二：全局引用。

在main.js中引入。

import maintains from "../../components/maintain.vue"

Vue.component('maintain ',maintains )