Как использовать Vue3 через CDN на Django без сборщика NodeJs?

На Vue2 я просто добавляю CDN, тогда у меня есть Vue, доступный для моих js-файлов, но Vue3 я не мог сделать то же самое - мои js-файлы не обнаруживают Vue. Как я могу решить эту проблему, чтобы использовать Vue3?

2 ответа

Решение

Вам нужно будет включить новый файл vue js

Вы можете получить исходный код здесь https://unpkg.com/vue@3.0.0-rc.5/dist/vue.global.js и связать его или включить в свой проект

Я вырезал некоторые вещи (аксиомы, методы, шаблон и т. Д.), Но это должно дать вам представление.

Важные части...

  • использовать 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>

Другие вопросы по тегам