Vue中的事件

最新推荐文章于 2024-05-15 10:06:57 发布

闫闫fighting

最新推荐文章于 2024-05-15 10:06:57 发布

阅读量124

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44201981/article/details/120900139

版权

本文详细介绍了Vue.js中的组件生命周期，包括created、mounted等钩子函数的用途，以及如何在不同阶段进行数据初始化和DOM操作。同时，讨论了计算属性computed和响应式方法methods的使用场景，为Vue应用的开发提供了清晰的指南。

摘要由CSDN通过智能技术生成

<script>
  import NavBottom from "./components/NavBottom";   //引入组件
export default {   //export default 导出一个默认模块，这个模块可以匿名
    name:'app',   //模块名
    data() {
      return {   //数据只在当前页面有用
        showNav:true
      };
    },
    components: {NavBottom},  //添加组件


    created() {
      //created 钩子函数  created是在实例创建完成后立即调用
      //执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。
      // created钩子函数主要用来初始化数据。
    },
    mounted() {
      //mounted 钩子函数  一般用来向后端发起请求，拿到数据后做一些业务处理。
      //该函数在模版渲染完成后才被调用。DOM操作一般是在mounted钩子函数中进行。
    },
    computed:{
      //computed 计算属性  对数据进行一定的操作  在DOM执行完成后立马执行
    },
    methods:{
      //methods 事件方法执行  有一定的触发条件，如click等。
      //所有方法都应该在methods里定义，在mounted或created里面使用this调用，用这种方法实现初始化。
    },
    watch: {
      //监听值变化，执行相对应函数  检测vue实例上数据的变动
    }
  }
  </script>