用vue-cli写了个button组件,想着利用Library模式打包umd.js已供其他传统页面使用,在vue-cli使用是正常的,发现打包的umd.js引入后,传给组件的参数无效了:
上图是button组件
<br/>
上图是Library模式入口文件
<br/>
上图是在cli中引用是没问题的
<br/>
上图是打包后的使用
<br/>
上图是渲染后的,发现transferData并没有被解析,而是当成了属性
请问这是什么原因呢?
用vue-cli写了个button组件,想着利用Library模式打包umd.js已供其他传统页面使用,在vue-cli使用是正常的,发现打包的umd.js引入后,传给组件的参数无效了:
上图是button组件
<br/>
上图是Library模式入口文件
<br/>
上图是在cli中引用是没问题的
<br/>
上图是打包后的使用
<br/>
上图是渲染后的,发现transferData并没有被解析,而是当成了属性
请问这是什么原因呢?
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答5.2k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.4k 阅读✓ 已解决
终于找到原因了,props名称驼峰改为-就行了,浏览器把大写解析为小写的了,而在cli中template会通过js处理后再渲染,草率了