本文的目录最后列出了Demomain.vueassembly1(组件1 ) assembly2)组件2 )运行结果的要点速记个人建议，说明activatedactivated解决了哪些问题
写在前面
今天简单地说一下activated。 之前有人问过。 既然有人问了，就说明还有不太清楚的人。 就在这里说吧。
什么是活动的？ 首先，我们需要确保他也是vue生命周期之一。 为什么我们平时说的生命周期里没有那个呢？ 我们平时说的生命周期是created、update、mounted、destory和他们之前和之后的状态。 虽然在我们去调查的activated的时候没有，但是会在官方的keep-alive上找到他的样子和介绍。 我知道你们不想找。 请点击那个。 明确地说，这是我们直接切换组件的时候，例如，如果进来的时候出现created，离开的时候出现destory，那么在使用缓存的时候，也就是使用keep-alive的时候此时将执行activated和deactivated。
activated解决了什么问题。 既然在文档上给他一个位置，他就表示自己是存在所必需的。 我们假设一种情况。 我们做项目的时候，一个功能引用了组件中的数据。 这个时候，我们每次进去都需要给出最新的值，进行更新。 我们有好几种方法。 现在是三个。 第一个是我们直接把数据作为参数。 进行亲子数据传递的第二种方法，也可以通过使用vuex状态管理这个值，进行全局的一个状态管理来实现。 第三，缓存组件并使用keep-alive，但数据传递在过去不会更新。 created和mounted不运行，该怎么办呢？ 此时可以使用我们的activated更新我们的数据！
demo main.vuetemplatedivbutton @ click=' curr assembly ' ' one ' '组件1/button button @ click=' curr assembly ' ' two ' buttontransitionkeep-alive component 3360 is=' is curr '/component/keep-alive/transition/div/templatescriptimport art components/assembly2. vue ' export default { components : } assembly one， assemblyone data () return ) iscurr:'assemblyone ' )、methods:{currassembly(flg ) if } flg==' one ' this else { this.is curr=' assembly one ' } else ) this.is curr=' assembl style assembly1(组件1 ) templatedivh2{ { { msg }/HSG } 此时，我的created挂接已经执行() }，mounted ) ) { console.info )我是组件1。 此时，我的mounted挂钩已经执行了) } )。 此时，我的activated挂接已经执行' }，deactivated () { console.info ) )我是组件1。 此时，我的deactivated挂接已经执行' } }/scriptstyle/style assembly2(组件2 ) templatedivh 2652 { msg }/H2/div/sembly2(组件2 ) templatescriptex { return { msg :’thisisassemblytwo’}，created(}{console.info ) )我是组件2，此时我的created挂钩此时，我的mounted挂接已经执行' }、activated ((console.info )、deactivated )、console.info ) )此时，我的activated挂接
第二次驾驶
要点速记activated和deactivated与keep-alive一起使用的activated和deactivated在没有keep-alive时不触发，但在有keep-alive时创建activated
最后，写这个例子的话，你们应该直接知道发生了什么。 我也不会说闲话。 我想过这个东西要不要写文章，但是啊，我觉得我之前想的都是错误的。 我一直以为我个人很容易。 我原以为你们能行。 所以，很多时候，我不写博客。 在那之后，也许我再没遇见过你们。 我想我也遇到过你们。 所以，这种误解