Uniapp 自定义组件引入与计数器的销毁笔记

1、自定义主键引入

方法一，常用：

对应路径正确便可直接使用标签。

方法二：

创建components目录，该目录下创建test.vue文件

该组件写入如下信息：

<template>
	<view>组件test调用</view>
</template>

到需要引入的页面引入如下：

<template>
	<view>
		<test v-if="flag"></test>
		<button type="default" @click="checkTest()">切换test组件</button>
	</view>
</template>

<script>
	import test from "../../components/test.vue";
	export default {
		data() {
			return{
				flag: true
			}
		},
		methods: {
			checkTest() {
				this.flag = !this.flag;
			}
		},
		components: {
			test //testa:test
		}

	}
</script>

页面可通过test标签展示对应页面的内容。

2、计数器的销毁需要设置id来销毁：

<script>
	export default{
		beforeCreate() {
			console.log("组件创建了");
			this.num=233;
		},
		created() {
			console.log("created",this.num);
			this.intId=setInterval(()=>{A
				console.log("执行计时器")
			},1000)
		},
		destroyed() {
			console.log("组件销毁了");
			clearInterval(this.intId);
		}
	}
</script>