当前位置: 首页 > news >正文

网站开发维护面试自助小站

网站开发维护面试,自助小站,可以建立网站的平台,wordpress采集功能本文主要是面向写组件库的人士,而不是组件库的使用人士。 出现原因 根本原因是因为组件库的package.json中 dependencies包含了vue包,然后导致最后打包出来的组件库也包含vue包 然后和引用这个组件库的项目中的vue发生冲突。 举个例子,pro…

本文主要是面向写组件库的人士,而不是组件库的使用人士。

出现原因

根本原因是因为组件库的package.json中
dependencies包含了vue包,然后导致最后打包出来的组件库也包含vue包
然后和引用这个组件库的项目中的vue发生冲突。

举个例子,project1是vue组件库,package.json中dependencies包含了"vue":“2.6.1”
project1打包出了"project1":“0.0.1” 这个组件包
然后project2是项目代码,package.json中dependencies包含了"vue":“2.6.1"和"project1”:“0.0.1”
这样,在使用project1的组件时就会出现readonly错误

预防方法

这给我们写组件库一个启示,千万不要在package.json中dependencies包含了"vue"包

特殊场合

但有两种情况,你会在组件库中不自觉用到Vue对象
1.利用Vue的templateCompile,即模板编译器
2.利用Vue.component进行全局组件注册
首先第一点很简单,参考一下其他开源Vue库的实现,例如elementUI
在这里插入图片描述
在这里插入图片描述

发现引用了@vue/component-compiler-utils包和vue-template-compiler,然后查看用法
在这里插入图片描述在这里插入图片描述
这样就实现了不引入vue包的情况下,使用模板编译功能

2.如果是需要全局注册的情况就比较麻烦了,
例如组件库包含某个函数,需要全局注册组件

import Vue from "vue";
function test(name,component){Vue.component(name,component)
}

一般是像上面这么写的因此就不得不引入vue包。

我这的解决方法比较差,但也可以解决这个问题,如果各位看官有更好的方法求指导
我是这么处理的

import config from "./config.js"
function test(name,component){config.Vue.component(name,component)
}

config.js

export default {};

即,通过config.js这个空对象,
然后在引入组件包时,需要先对config.js对象进行vue注入
以下时引用包project1的时候添加config.js

import Vue from 'vue';
import {config}from 'project1';
config.Vue=Vue;

然后main.js

import './config.js';
import project1 from "project1";

当然,不清楚有没有Vue.component单独使用的vue的util库,如果有的话求推荐

http://www.yayakq.cn/news/181294/

相关文章:

  • qq相册怎么制作网站会员管理系统下载
  • 电商网站建设心得网站建设冖金手指花总十五
  • 怎么打开文件做的网站国外网站代理
  • 网站服务器有问题怎么办啊wordpress 添加文章属性
  • 如何办网站网站改版新闻
  • 网站建设的公司哪家好网页设计培训周志
  • 视频网站用什么做seo网站课程
  • 网站建设工作方案wordpress评论富文本
  • 企业网站栏目设计中山网站搜索优化
  • 广广东网站建设青岛app软件开发
  • 巴中市城乡和住房建设局网站上海800做网站
  • 杭州网站建设设计公司动画专业最好的大学
  • wordpress积分 充值seo搜索引擎优化内容主要有
  • 快递网站模版腾讯云怎么备案网站吗
  • html网站的直播怎么做的蛙蛙写作网站
  • ppt图标网站链接怎么做贺州市八步区乡镇建设局网站
  • 互助金融网站制作关键词做网站标题是什么意思
  • 做海报的素材哪个网站什么是垂直型网站
  • 云南网站定制python 登录wordpress
  • 建设网站的相关技术最新备案域名查询
  • 建一个私人彩票网站大同哪有做网站的
  • 网站新闻编辑怎么做淘宝上如何免费开网店
  • 网站建设需不需要招标nginx缓存wordpress
  • 怎么建设大型商务网站广州网站设计开发公司
  • 济南做网站的公司网站建设硬件要求
  • 服务器怎么发布网站网站备案步骤
  • 监控设备公司企业网站源码开源阅读app
  • 网站推广案例找装修公司电话
  • 免费建网站系统平台企业云app下载
  • 商城网站现在可以做么购物网站后台管理模板