无法解析模块说明符“@vue/composition api”。相对引用必须以"/“、"./”或"../“开头

Question

我的尝试似乎没有任何帮助。

有谁知道如何在cdn中使用vue 2中的composition？

​

    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

这在documentation中有很好的解释。在浏览器中通过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>

​