如何在没有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和链接，或者在您的项目中包括

我删掉了一些东西(公理、方法、模板等)。但这应该给你一个主意。

重要的部分。

• 使用createApp from Vue，使用Vue.createApp或使用Vue.createApp需要作为返回对象

的函数

示例：

​

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>

​

Answer 2

​

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>

​