未封装的扩展程序

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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyMzM4OTYy_size_16_color_FFFFFF_t_70]

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

https://github.com/vuejs/vue-devtools
    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.
    2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" 
    for this extension in Chrome's extension management panel.

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

###### 解决方案一： ######

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

方案二：

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyMzM4OTYy_size_16_color_FFFFFF_t_70]: /images/20220320/5972f80955054554a36347597cd984b1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，435人围观）

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

相关阅读

相关 Java中封装的概念

2.封装 2.1.步骤 1. 使用 private 关键字来修饰成员变量。 2. 对需要访问的成员变量，提供对应的一对 getXxx 方法、 setXxx 方

叁歲伎倆/ 2023年10月04日 12:28/ 0 赞/ 41 阅读

相关封装的influxDB工具类

最近在使用influxDB，但是在网上找了很多工具类都不是很好用。大家都知道influxDB查询出来的数据格式不是json格式，比较难以处理，很多网上的工具类都没有对查询

╰+攻爆jí腚メ/ 2023年06月18日 06:52/ 0 赞/ 19 阅读

相关封装的概念

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

╰半夏微凉°/ 2023年02月18日 08:17/ 0 赞/ 18 阅读

相关 Java封装的深入浅出

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

怼烎@/ 2022年12月29日 12:49/ 0 赞/ 173 阅读

相关 jquery封装的ajax

具体操作： GET请求 > `$.get(url [,data][,function(msg){}回调函数][, dataType]);` > > `data`:给服务器

「爱情、让人受尽委屈。」/ 2022年06月02日 04:00/ 0 赞/ 255 阅读

相关 Java封装的意义

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEy

亦凉/ 2022年04月22日 20:38/ 0 赞/ 263 阅读

相关未封装的扩展程序

查看插件,程序展示未封装的扩展程序(如下图) ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

╰半夏微凉°/ 2022年03月20日 10:22/ 0 赞/ 436 阅读

相关 javascript封装的一些函数

//运动函数 function move(obj, attr, step, target) { var left = parseInt(getStyl

ゝ一世哀愁。/ 2022年01月14日 09:27/ 0 赞/ 297 阅读

相关封装的jdbc

package com.zcq.visitMysql; import java.sql.CallableStatement; import j

分手后的思念是犯贱/ 2021年11月22日 12:58/ 0 赞/ 389 阅读

相关自己封装的JDBC类

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

た入场券/ 2021年09月07日 22:30/ 0 赞/ 424 阅读