用Vue-cli创建web component，怎么传递对象呢？

Question

题描述用Vue-cli创建的web component，我需要把对象传递到里面去问题出现的环境背景及自己尝试过哪些方法试过直接传对象，但是属性值默认会去toString，导致web components只会拿到[Obejct Obejct]因为我相信肯定有好的解决办法或者别的方法去实现目标，所以我没有在字符串、属性转变上思考太多时间，在网上也找了不少资料，跟这方面的资料还真的少。。。。_(:з」∠)_相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）<foo-my-name id="id1"></foo-my-name><script>document.querySelector('#id1').setAttribute('my-object', {     name1: 'name1_123123213123',     name2: 'name2_456456546456', });</script>你期待的结果是什么？实际看到的错误信息又是什么？我期望能把对象传进去，web components一直用的是默认参数，很难受

Answer 1

web components的侧重点应该是UI的复用，如果要弄一下复杂的内容，vue-cli导出成lib更合适