JokerSoulClub的博客

根本原因是因为组件库的package.json中dependencies包含了vue包，然后导致最后打包出来的组件库也包含vue包然后和引用这个组件库的项目中的vue发生冲突。举个例子，project1是vue组件库，package.json中dependencies包含了"vue":“2.6.1”project1打包出了"project1":“0.0.1” 这个组件包。

这三个文件，如果没有在文件里注明NODE_ENV属性，那就默认就是分别对应NODE_ENV=production 对应vue-cli-service build 命令。NODE_ENV属性一般可以省略不写，例如常用的.env.production，.env.test，.env.development。然后就是vue-cli的字段MODE，主要是vue-cli-service build 命令用到。看了很多文章，都没有搞清楚.env文件中哪些是vue保留字段，哪些是继承自nodejs的。

通过vue手动挂载实例，并通过render函数传递props进行组件通信的方式，可以实现任意的弹出面板，兼容性强，不用考虑烦人的overflow问题。

想想也是，调试其实也是先在内存中生成了对应的文件进行的，这里如果不指定生成的文件名，则会无法生成对应文件，字然都是404（但奇怪的是，这儿的filename名字随便起，最终url中不体现，url始终体现的是src/pages/下的demo1.html和demo2.html，但如果不写，项目启动的确是404找不到。4.最后，也是最重要的一点，createHtmlPlugin的pages中，必须设置filename,名字可以随意，但必须要，否则调试都404，在这个的基础上，现在想实现多页面配置，

主要是因为即想要得到vite的高效开发模式（免编译）但是最后又想要兼容到IE9（ps，vite自带插件最多IE11而且打包出两份代码）

直接上代码//vue组件内定义了一个datadata:()=>{ return { obj:{b:2} }},methods:{ m1(){ this.obj.a=1; console.log(this.obj); }, m2(){ this.obj = Object.assign(this.obj,{a:1}); console.log(this.obj); }, m3(){ this.obj = {a:1}; }, m4(){ this.obj

本文只探讨区别,不论优劣.(本人当前公司用的也是vue)一句话,react(hooks)提供了更底层的组件实现形势,而vue组件受制于模板的限制.首先,在vue中,组件一旦注册了,那么,以此命名的组件将无法删除和重写,即注册了某个组件Alet compObjA={ functional:true, render:function(createElement,context){//A的逻辑} //不详细写了}Vue.component("A",compObjA); //注册了A组件let c

有时候既有的路由参数不够，需要传额外的参数，并且这些参数不需要路由回退前进时起作用，只是需要传递而已，例如给一个路由 routerName/:param1，现在要额外全一个obj={a:1,b:2}，在不修改路由的情况下可以这么做//传let obj={a:1,b:2}this.$router.push({params:param1,hash:obj});//取this.$route.hash不知道还有没有其他办法，这儿时借用了$route里的hash字段...