vue文件模板

<template>
    <div class="">

    </div>
</template>

<script>
    export default {
        name: '',
        data() {
            return {

            }
        },
        methods:{
            //定义方法
            
        },
        computed:{
            //计算属性
            
        },
        watch:{
            //监听属性
        },
        beforeCreate() {
            //console.log('beforeCreate函数......');
        },
        beforeMount() {
            //mounted函数时页面标签的内容基本还没有渲染完成
            //console.log('====beforeMount=====begin');
            //console.log(this.$el);
            //console.log('====beforeMount=====end');
        },
        created() {
            //console.log('created函数......');
            
        },
        mounted() {
            //mounted函数时页面标签的内容基本已经渲染完成时调用这个函数
            //console.log('========mounted函数========begin');
            //console.log(this.$el);
            //console.log('========mounted函数========end');
        },
        beforeDestroy() {
            //console.log('beforeDestroy函数......');
        },
        destroyed() {
            //console.log('destroyed函数......');
        },
        beforeUpdate() {
            //当数据发生改变时，在标签没有被渲染之前触发
            //console.log('beforeUpdate函数......');
        },
        updated() {
            //当数据发生改变时，在标签被渲染后触发
            //console.log('updated函数......');
        }
    }
</script>

<style scoped>
    
</style>