javascript - 如何在没有 Node Js bundler 的情况下通过 CDN 在 Django 中使用 Vue 3？

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、方法、模板等)但这应该给你一个想法。

重要的部分...

• 使用 Vue.createApp 或使用解构从 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>