如何在定义web组件时shadow dom使用vue?

比如

DryTest.vue

<style></style>
<template>
    <dynamic-marquee>测试</dynamic-marquee>
</template>
<script>
import DynamicMarquee from 'vue-dynamic-marquee';
export default {
    name: 'dry-test',
    components: {
        DynamicMarquee
    }
}
</script>

我编译

vue build --target wc --name dry-test ./DryTest.vue

然后我使用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript" src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script type="text/javascript" src="dry-test.js"></script>
</head>
<body>
<dry-test></dry-test>
</body>
</html>

可是没效果,不知道还要做什么?

我发现了

需要注释掉

<!--
<!DOCTYPE html>
-->
阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题