如何在没有 NodeJs 捆绑器的情况下在 Django 上通过 CDN 使用 Vue3？

Question

在 Vue2 上，我只添加了 CDN，然后我的 js 文件中就有 Vue 可用，但在 Vue3 上我不能这样做 - 我的 js 文件没有检测到 Vue。为了使用Vue3，我该如何解决？

Answer 1

您将需要包含新的 vue js 文件

您可以从这里获取源https://unpkg.com/vue@3.0.0-rc.5/dist/vue.global.js并链接或包含在您的项目中

我删掉了一些东西（axios、方法、模板等）但这应该会给你一个想法。

重要的部分...

• 使用createApp或者使用从Vue公司Vue.createApp或使用解构
• data 需要是一个返回对象的函数

例子：

const app = Vue.createApp({
  el: '#app',
  delimiters: ['[[', ']]'],
  data() {
    return {
      returned_task: '',
      new_task: '',
      create_modify: '',
      modify_id: -1,
      modify_index: -1,
      tasks: []
    }
  },
  created() {
    this.tasks = ['do this ?', 'and that '];
  },
});

app.mount('#app')

<script src="https://unpkg.com/vue@3.0.0-rc.5/dist/vue.global.prod.js"></script>
<div id="app">
  <ul>
    <li v-for="task in tasks">[[task]]</li>
  </ul>
</div>