uniAPP

1.组件的使用

1.新建一个文件夹components,在该文件夹下新建一个vue文件作为组件

//components/mynav.vue文件内容
<template>
	<view class="">
		哈哈哈哈我是组件,看见我你就成功引用了
	</view>
</template>

<script>
</script>

<style>
</style>

2.在页面中使用组件

  

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
			<view class="">哈哈哈哈</view>
		</view>
		<!-- 3.使用组件 -->
		<mynav />
	</view>
</template>

<script>
	// 1.引入组件
	import mynav from "../../components/mynav.vue"
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		// 2.注册组件
		components: {
			mynav
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>