vue开发之生命周期

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue开发之生命周期，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含707字，纯文字阅读大概需要2分钟。

内容图文

vue开发之生命周期

<template>
  <div class="hello">
    {{msg}}
  </div>
</template>
<script>
export default {
  name: 'HelloWorld',
  component:{}, //组件
  mixins:[], //混入
  computed:{}, //计算属性
  watch:{}, //监听器
  data () {  //数据
    return {
      msg:"HelloWorld"
    }
  },
  beforeCreate(){
    console.log("组件实例刚被创建，组件属性被计算之前（如data等）")
  },
  created(){
    console.log("组件实例创建完成，属性已绑定，但DOm还未生成，$el 还没有")
  },
  beforeMount(){
    console.log('编译模板挂载之前， 在beforeMount执行的时候，页面中的元素没有被真正替换过来，只是之前写的一些模板字符串')
  },
  mounted(){
    console.log('编译模板挂载之后')
  },
  beforeDestroy(){
    console.log('实例销毁之前调用。')
  },
  destroyed(){
    console.log('Vue 实例销毁后调用。')
  },
  methods:{ //事件

  }
}
</script>

内容总结

以上是互联网集市为您收集整理的vue开发之生命周期全部内容，希望文章能够帮你解决vue开发之生命周期所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---