lifecycle.vue 1022 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template recyclable="true">
  2. <div>
  3. <text>{{number}}</text>
  4. </div>
  5. </template>
  6. <script>
  7. module.exports = {
  8. data () {
  9. return { number: 0 }
  10. },
  11. beforeCreate () {
  12. try { __lifecycles.push('beforeCreate ' + this.number) } catch (e) {}
  13. },
  14. created () {
  15. try { __lifecycles.push('created ' + this.number) } catch (e) {}
  16. this.number++
  17. },
  18. beforeMount () {
  19. try { __lifecycles.push('beforeMount ' + this.number) } catch (e) {}
  20. },
  21. mounted () {
  22. try { __lifecycles.push('mounted ' + this.number) } catch (e) {}
  23. this.number++
  24. },
  25. beforeUpdate () {
  26. try { __lifecycles.push('beforeUpdate ' + this.number) } catch (e) {}
  27. },
  28. updated () {
  29. try { __lifecycles.push('updated ' + this.number) } catch (e) {}
  30. },
  31. beforeDestroy () {
  32. try { __lifecycles.push('beforeDestroy ' + this.number) } catch (e) {}
  33. },
  34. destroyed () {
  35. try { __lifecycles.push('destroyed ' + this.number) } catch (e) {}
  36. }
  37. }
  38. </script>