vue之生命周期--script内容

333 阅读1分钟
export default {
    name: 'home',
    //引用的组件
    components: {},
    //props传值
    props: {
        // isActive: {
        //   type: Boolean,
        //   default: false
        // },
        // toggleClick: {
        //   type: Function,
        //   default: null
        // }
    },
    data: {
      return(){

      }
    },
    filter:{

    },
    //混入可复用功能
    mixins: [], 
    //计算属性 只读/设置
    computed: {
        // get: function () {
        //   // `this` 指向 vm 实例
        //   return this.message.split('').reverse().join('')
        // },
    },
    //侦听属性 当值发生变化时,这个函数就会运行
    watch:{
        // $route() {
        //   this.getBreadcrumb()
        // }
    },
    methods:{
        
    },
    beforeCreate:function(){
        //在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
    },
    created: function () {
      //dom加载完成前渲染,在实例创建完成后被立即调用
    },
    mounted(){
      //dom加载完成后渲染
    },
    activated(){
     console.log('activated');
    
   },
   deactivated(){
     console.log('deactivated');
   },
}
</script>