vue项目中按需引入viewUI_view-design按需引入 vue-程序员宅基地

技术标签: vue  viewUI  组件  

一、按需引入

npm install babel-plugin-import --save-dev

// .babelrc1
{
“plugins”: [[“import”, {
“libraryName”: “view-design”,
“libraryDirectory”: “src/components”
}]]
}

// main.js 可以统一打包一个按需引入js
import { Button, Table } from ‘view-design’;
Vue.component(‘Button’, Button);
Vue.component(‘Table’, Table);

// 引入类似message组件 - 注册属性
import { Message } from “view-design”;
Vue.prototype.$Message = Message
或者 增加install方法
Message.install = function (Vue, options) {
Vue.prototype.$Message = Message
}
Vue.use(Message) // use函数会执行组件的install方法,还是执行增加属性操作

一次引入,全局可用,所以是没办法局部引用的,就统一放在main.js中了;
我第一次是先npm viewUI,然后npm这个插件,结果一直报错,折腾半天发现安装完插件后viewUI组件库没了,又重新安装一次才好。

二、忽略eslint编译器检测和编译检测

1.忽略编译器检测

vscode中,首选项 - 设置 - 搜索 - 取勾 (将忽略所有错误标红检测)

vetur.validation.template 

2.编译器中忽略

在packagpae.json找到eslintConfig1或者项目目录中找到.eslintrc.js1,加入:

// 忽略闭合组件开关检测不通过
    'vue/no-parsing-error': [2, {
    
      "x-invalid-end-tag": false
    }],

  1. 这些文件在packagpae.json还是单独存在取决于创建项目中最后一步的选项-是否将配置文件放到一起还是分开放

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/GeniusXYT/article/details/112008359

智能推荐

PaddlePaddle飞桨之深度学习7日入门 总结_def data_reader-程序员宅基地

文章浏览阅读1.7k次。目录Day01 新冠疫情可视化第一天的任务主要有两个,第一个是飞桨的本地安装,以及新冠疫情可视化。作业1:飞桨本地安装这门课程我感觉首先是可以给大家普及cv方面的知识,另一方面也是为了普及飞桨这个框架的使用。所以飞桨的本地安装。飞桨的官网:https://www.paddlepaddle.org.cn/documentation/docs/zh/install/index_cn..._def data_reader

基于 HTML5 WebGL 的 3D 机房数据中心可视化展示-程序员宅基地

文章浏览阅读798次,点赞20次,收藏22次。前言在 3D 机房数据中心可视化应用中,随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用。在监控摄像机数量的不断庞大的同时,在监控系统中面临着严峻的现状问题:海量视频分散、孤立、视角不完整、位置不明确等问题,始终围绕着使用者。因此,如何更直观、更明确的管理摄像机和掌控视频动态,已成为提升视频应用价值的重要..._webgl 机房

请思考遥感解译数据应用于金融投资领域的其他方面的场景,简述其中两例,并给出原因。...-程序员宅基地

文章浏览阅读119次。遥感解译数据可用于金融投资领域的其他方面有:基础设施投资: 遥感数据可用于评估基础设施项目的可行性和潜在收益,例如通过监测城市扩张和人口增长来评估投资交通基础设施的可行性。农业投资: 遥感数据可用于评估农业投资的可行性和潜在收益,例如通过监测土壤湿度和作物生长状况来评估投资农田开发的可行性。原因: 遥感数据提供了客观、全面和近实时的地理信息,可用于评估项目的可行性和潜在收益,帮助金融投资者..._遥感信息解译经济意义

java学习--随机验证码小作业的实现-程序员宅基地

文章浏览阅读150次。题目:要求使用Java语言编写一段程序实现随机验证码,随机验证码需要包含数字、大写字母和小写字母,并且可以指定随机验证码的位数。利用for循环中嵌套switch实现

ffmpeg 同时采集麦克风和摄像头并录制文件_ffmpeg录屏与麦克风同步-程序员宅基地

文章浏览阅读400次。i audio="麦克风 (Realtek(R) Audio)" 指定采集的麦克风,引号内的是麦克风的名称。-i video="Integrated Webcam" 指定采集的摄像头,引号内的是摄像头的名称。-i audio="麦克风 (Realtek(R) Audio)"_ffmpeg录屏与麦克风同步

适合yolov5行人目标检测的数据集18000张,已标注!!!(免费取)_行人数据集需要多少张 yolo-程序员宅基地

文章浏览阅读931次,点赞22次,收藏29次。数据集约18000张照片,已经用labelme标记,分别有训练集,测试集,验证集,yolov5可直接训练模型。另外还包含自己训练好的模型best.pt(yolov5s.pt)。百度网盘:链接:https://pan.baidu.com/s/1kxDq0_joEeEANF_WbIhJIA?_行人数据集需要多少张 yolo

随便推点

【图像分类】实战——AlexNet实现图像分类(pytroch)_alexnet优化器是adam还是sgd-程序员宅基地

文章浏览阅读731次,点赞8次,收藏15次。label = 1 if ‘dog’ in img_path.split(‘/’)[-1] else 0data = Image.open(img_path)data = self.transforms(data)return data, labeldef len(self):return len(self.imgs)然后我们在train.py调用DogCat读取数据dataset_train = DogCat(‘data/train’, transforms=transform, train=True)d_alexnet优化器是adam还是sgd

弹出模态窗体的应用程序隐藏和恢复显示的问题解决_qt模态对话框无法隐藏-程序员宅基地

文章浏览阅读2.5k次。 主程序是MDI风格的,在弹出很多子窗体并同时有个模态窗体的情况下,实现定时锁屏功能,锁屏后,要使得整个应用程序都最小化,当输入所凭密码后再恢复显示成最初的状态。这个过程会有几个问题点需要解决:1、主窗体包括子窗体可以用frmMain.Hide来隐藏2、是否有弹出来模态窗体需要进行检测,如果有则需要抓出模态窗体的句柄Handle,通过对模态窗体的发消息,隐藏模态窗体3、恢复主窗体用frmMa_qt模态对话框无法隐藏

Keil开发环境与虚拟串口绑定调试[F1单片亲测可行]_keil5虚拟串口-程序员宅基地

文章浏览阅读237次。Keil开发环境与虚拟串口绑定调试_keil5虚拟串口

plugins的介绍使用-程序员宅基地

文章浏览阅读4.3k次。Plugins扩张webpack本身的一些功能,他们会允许在各种模块解析完成以后的打包编译阶段,比如对解析后的模块文件进行压缩等。HtmlwebpackPlugin在打包结束后,自动生成一个html文件,并把打包生成的js抹开引入到该html中npm install --save-dev html -webpack-plugin// webpack.config.jsconst HtmlWebpackPlugin = require("html-webpack-plugin");module_plugins

android 哪些代码不用混淆,AndroidStudio中代码混淆以及打包操作-程序员宅基地

文章浏览阅读827次。摸索了两天,大概了解了在AndroidStudio中代码混淆和打包发布的过程,在此记录下。代码混淆:关于代码混淆的作用,就不多解释了,整个过程大致如下:在app下的build.gradle文件中添加如下代码(minifyEnabled 表示是否混淆,默认是false,这里要记得设置成true): 其中proguard-android.txt文件是本地sdk/tools/proguard文件夹下的..._哪些类不应该混淆

推荐文章

热门文章

相关标签