144-Vue中mixins的初步使用

最新推荐文章于 2023-07-11 17:41:32 发布

longfei815

最新推荐文章于 2023-07-11 17:41:32 发布

阅读量190

点赞数

分类专栏：前端基础知识文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jolinoy/article/details/125950807

版权

Vue.js mixins 生命周期函数组件代码复用

关键词由CSDN通过智能技术生成

前端基础知识专栏收录该内容

75 篇文章 2 订阅

订阅专栏

144-Vue中mixins的初步使用

Comp3.vue代码如下：

<template>
  <div>
    
  </div>
</template>

<script>
import mixins from "@/mixins"
export default {
  data () {
    return {

 
    }
  },
  created(){


    console.log("这是Comp3的created函数");
    this.fn();
  },
  // mixins 可以用来抽取一些生命周期函数和一些组件中会出现的方法
  // mixins 中的生命周期函数会优先于组件中的生命周期函数执行
  mixins:[mixins],
  
}
</script>
 
<style lang = "less" scoped>
  
</style>

mixins.js代码如下：