vue组件开发
文章平均质量分 75
TwoKe
!!!
展开
-
组件开发按需引入的两种方案
组件开发按需引入的两种方案babel-plugin-component安装案列模板案例babel-plugin-import安装案例模板案例babel-plugin-component安装npm i babel-plugin-component -D # For babel6 npm i babel-plugin-component@0 -D案列import { Button } from 'components' ↓ ↓ ↓ ↓ ↓ ↓ var butt原创 2021-07-01 10:43:30 · 486 阅读 · 0 评论 -
数据可视化之模块边框绘制,Vue3组件实现
项目场景:《数据可视化之模块边框绘制,以及组件开发》介绍了css3中关于borderImage的相关配置,并且实现了一个border图片渲染的插件。其原理也是相当简单,这里就不过多赘述了,今天要做的是实现Vue3的组件(图片边框渲染通用组件)。解决方案:1、准备一张边框图片nodejsvue-cli2、快速开始创建项目vue create dev-datav-border-view添加组件<template> <div class="tw原创 2020-12-25 22:06:12 · 4499 阅读 · 6 评论 -
vue3封装简易的vue-echarts
项目场景:数据可视化开发,采用的技术栈是vue3+echarts+router。问题描述:在vue2中,才开始开发数据可视化大屏,都是用echarts,之后改用为vue-echarts组件,但是到了vue3之后,组件会有一些小问题,所以准备自己封装一套简易的vue-echarts组件,其他的功能之后再迭代上去,足够项目使用即可。代码封装:<template> <div class="echarts" :id="id"></div></te原创 2020-12-21 21:03:01 · 3884 阅读 · 2 评论 -
vue 打包后 出现 Cannot read property ‘TwokeContainer‘ of undefined
项目场景:Vue项目打包后,上线运行,出现vue组件找不到的情况。(我引入的是自己编写的vue组件库。)问题描述:浏览器控制台中显示出Cannot read property ‘TwokeContainer’ of undefined 的错误,根据错误提示发现是下面代码段中的 ref获取dom元素,未找到的问题var init = function init() { return new Promise(function (resolve) { vue.n原创 2020-12-19 16:06:55 · 575 阅读 · 1 评论 -
vue组件库开发遇到的regeneratorRuntime is not defined
问题描述在我开发自定义vue组件库时,使用的是rollup进行打包,其中vue组件中使用到了async/await,然后就出现了regeneratorRuntime is not defined的情况问题的原因Babel在转化一些包的时候,比如说ES6转ES5,需要使用一些辅助函数,这些辅助函数就在babel-runtime这个单独的模块中,当缺失这个单独模块的时候他就会报错,就需要下载一个官方提供的babel插件解决方案1、安装npm install --save-dev @babel/plu原创 2020-12-18 21:46:41 · 1617 阅读 · 1 评论 -
使用npm发布打包文件遇到的两个问题(4048及403)
403以上图片是403错误时提醒的消息,意思是提交的包名与库中的包存在同名现象,这个时候只需重新改名就可以了。4048我在网上搜了一下4048的解决方案,4048主要提醒的原因是没有权限,让你用管理员登录或者更换用户为权限更高的用户。可是我使用了管理员运行也并没有解决。因此我发现npm中有授权的功能。我在项目下编辑了**.npmrc**//registry.npmjs.org/:_authToken=***********************************至于token是在np原创 2020-12-17 23:56:43 · 2426 阅读 · 0 评论