vue 生命周期 -- 页面从创建到消亡的过程中，自动执行的回调函数。让开发者有机会在特定阶段运行自己的代码。
<template></template>
<script>
export default {
//组件名字
name: "comfilmlisttopnav",
//接收父组件给的东西 type是接收什么东西 default 默认值
props: {},
//组件注册
components: {},
// vue数据集中管理
data() {
return {};
},
//方法 函数写这里
methods: {},
//计算属性
computed: {},
//侦听器
watch: {},
//过滤器
filters: {},
//以下是生命周期
//组件创建之前
beforeCreate() {},
//组件创建之后 最快发起网络请求
created() {},
//页面渲染之前
beforeMount() {},
//页面渲染之后 最快操作 dom 元素
mounted() {},
//页面销毁之前 清除定时器
beforeDestroy() {},
//页面销毁之后
destroyed() {},
//页面视图数据更新之前
beforeUpdate() {},
//页面视图数据更新之后
updated() {},
//组件路由守卫enter
beforeRouteEnter(to, from, next) {
next((vm) => {});
// 注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例
},
//组件路由守卫update更新
beforeRouteUpdate(to, from, next) {
// 同一页面，刷新不同数据时调用，
next();
},
//组件路由守卫离开
beforeRouteLeave(to, from, next) {
// 离开当前路由页面时调用
next();
},
};
</script>
<style lang="scss"></style>
