zoukankan      html  css  js  c++  java
  • vue页面methods里面方法太多解决

    vue页面methods里面方法太多解决

    一、总结

    一句话总结:

    使用 【Mixin】(混入),然后再引入,很有效的减少了代码
    var mixin = {
      methods: {
        foo: function () {
          console.log('foo')
        },
        conflicting: function () {
          console.log('from mixin')
        }
      }
    }
    
    var vm = new Vue({
      mixins: [mixin],
      methods: {
        bar: function () {
          console.log('bar')
        },
        conflicting: function () {
          console.log('from self')
        }
      }
    })
    
    vm.foo() // => "foo"
    vm.bar() // => "bar"
    vm.conflicting() // => "from self"

    1、敲代码的结构原则(页面代码量)?

    一个页面中的【代码一定不要太多】,不然就太混乱了,可以【结构化的分几个文件】,这样结构非常清晰

    二、vue页面methods里面方法太多解决

    原则
    一个页面中的代码一定不要太多,不然就太混乱了

    尝试或的的做法是
    1、使用 Mixin,然后再引入,很有效的减少了代码
    但很坑的是如果别人来写,根本不知道你的引用的方法在哪个mixin文件中,一个一个找

    2、都尽量用await,这样看起来代码都是平级的

    3、分离出不需要this的函数
    比如某个函数只有console.log(123), 那么就可以把这个单独出来放到页面最底部,或者另一个func.js文件中,然后再import进来

    参考:vue页面methods里面方法太多,能否抽出一个方法文件?
    https://segmentfault.com/q/1010000014383153

     
    我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站: fanrenyi.com;有各种前端、后端、算法、大数据、人工智能等课程。
    博主25岁,前端后端算法大数据人工智能都有兴趣。
    大家有啥都可以加博主联系方式(qq404006308,微信fan404006308)互相交流。工作、生活、心境,可以互相启迪。
    聊技术,交朋友,修心境,qq404006308,微信fan404006308
    26岁,真心找女朋友,非诚勿扰,微信fan404006308,qq404006308
    人工智能群:939687837

    作者相关推荐

  • 相关阅读:
    MYSQL数据库实验(存储过程与触发器)
    Markdown
    EXT文件系统
    Arch在VirtualBox虚拟机中挂载U盘
    U盘启动没有引导项
    安装ArchLinux的两篇博文
    Arch Linux上安装Win10
    Gentoo系统安装痕迹化记录
    物联网操作系统安全研究综述
    2013.06_多线程_多核多线程技术综述_眭俊华
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/14342819.html
Copyright © 2011-2022 走看看