未封装的扩展程序

╰半夏微凉° 2022-03-20 10:22 484阅读 0赞

查看插件,程序展示未封装的扩展程序(如下图)

在这里插入图片描述

没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址

  1. https://github.com/vuejs/vue-devtools
  2. 1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.
  3. 2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" 
  4. for this extension in Chrome's extension management panel.

如果勾选了还是没有显示，说明采用了压缩版/生产版的Vuejs，则继续采用如下方案：

解决方案一：
  1. 采用script方式引入，需要在webpack.base.config.js添加externals
  3. externals: { 
  4.     'vue': 'Vue',
  5. },
  6. 然后在index.html引入https://cdn.bootcss.com/vue/2.5.16/vue.js，
  7. 在main.js中干掉import vue from 'vue'，
  9. 放到生产环境时，换成https://cdn.bootcss.com/vue/2.5.16/vue.min.js,
  11. 此种方式可以减少vendor打包体积

方案二：

  1. 在main.js中添加
  3. // 若是没有开启Devtools工具，在开发环境中开启，在生产环境中关闭
  4. if (process.env.NODE_ENV == 'development') { 
  5.     Vue.config.devtools = true;
  6. } else { 
  7.     Vue.config.devtools = false;
  8. }

发表评论

表情：
评论列表 （有 0 条评论，484人围观）

还没有评论，来说两句吧...

相关阅读

    相关 封装的概念

      封装：         概念：            将类的某些信息隐藏在类内部，不允许外部程序直接访问，            而是通过该类提供的方法来实现对隐藏

    ╰半夏微凉°╰半夏微凉°/ 0 赞/ 86 阅读

    相关 Java封装的深入浅出

    前言 封装是一种隐藏信息的技术，是将一个系统中的结构和行为通过类来划分的过程。即通过定义一组类，将特定的数据组合到某一个类中，形成一个整体，将该隐藏的数据进行保护，只对外

    怼烎@怼烎@/ 0 赞/ 233 阅读

    相关 自己封装的JDBC类

    > 对JDBC进行一些简单的封装，可以方便在项目中调用，同时也减少了重复代码量，降低代码的冗余度，提高代码的可读性和美观。 package JdbcUtil

    た 入场券た 入场券/ 0 赞/ 488 阅读