常用的生命周期函数: 时间节点

  1. <script>
  2. export default {
  3. name: "演示路由router调用",
  4. beforeCreate() {
  5. console.log("创建之前");
  6. },
  7. create() {
  8. console.log("创建完成");
  9. },
  10. beforeMount() {
  11. console.log("挂载之前");
  12. },
  13. mounted() {
  14. console.log("挂载之后");
  15. },
  16. beforeUpdate() {
  17. console.log("更新之前");
  18. },
  19. update() {
  20. console.log("更新之后");
  21. },
  22. beforeDestroy() {
  23. console.log("销毁之前");
  24. },
  25. destroyed() {
  26. console.log("销毁之后");
  27. }
  28. </script>
  1. <script>
  2. export default {
  3. methods:{//定义方法的
  4. add:function(){
  5. this.counter++;
  6. console.log("执行了add",this.bb);
  7. },
  8. jian:function(){
  9. this.counter--;
  10. console.log("执行了jian");
  11. }
  12. }
  13. zidinyihanshu:function(){
  14. console.log('自定义函数');
  15. },
  16. beforeCreate:function(){
  17. console.log("常用的生命周期函数");
  18. },
  19. mounted:function(){
  20. console.log("常用的生命周期函数");
  21. }
  22. })
  23. }
  24. </script>