Vue复用之Mixins混入

最新推荐文章于 2024-05-14 11:07:51 发布

小菜101

最新推荐文章于 2024-05-14 11:07:51 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue mixins 混入 vue混入 vue重用

本文链接：https://blog.csdn.net/github_36091081/article/details/107183164

版权

4.1 Mixins 混入

1. 什么是Mixins

当多个组件内部都写了同样的方法，如何将该方法提取出来，减少代码量呢？
Vue实现方式如下：

// define a mixin object
var myMixin = {
   
  created: function () {
   
    this.hello()
  },
  methods: {
   
    hello: function () {
   
      console.log('hello from mixin!')

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小菜101

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue复用之Mixins混入

4.1 Mixins 混入1. 什么是Mixins当多个组件内部都写了同样的方法，如何将该方法提取出来，减少代码量呢？Vue实现方式如下：// define a mixin objectvar myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } }}// de
复制链接

扫一扫