无法解析模块说明符"@vue/composition-api"。相对参照必须以"/"、"./"或"../"开头

Question

我似乎什么都没做。

有人知道如何使用复合api在vue 2与cdn?

Vue.use(VueCompositionAPI.default);
const { ref, reactive } = VueCompositionAPI.default;

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.2.4"></script>

Answer 1

在文档中有很好的解释。通过CDN在浏览器中使用时，VueCompositionAPI暴露在全局window对象中。

const {
ref,
reactive
} = VueCompositionAPI

new Vue({
el: "#app",
setup() {
let message = ref('');
message.value= 'Hello world!';

return {
message
};
}
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.2.4"></script>
<div id="app">
<span>{{message}}</span>
</div>