如何在没有 Node Js 捆绑器的情况下通过 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 和 link 或包含在您的项目中

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

重要部分...

使用 Vue 中的 createApp 使用 Vue.createApp 或使用解构
data 需要成为一个 returns 对象

示例：

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>

如何在没有 Node Js 捆绑器的情况下通过 CDN 在 Django 中使用 Vue 3？

How to use Vue3 via CDN on Django without NodeJs bundler?

javascript

django

vue.js

vuejs3

示例：