用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更合适