Как использовать Vue3 через CDN на Django без NodeJs бандлера? - PullRequest
Новая
       141

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

0 голосов
/ 06 августа 2020

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

1 Ответ

1 голос
/ 07 августа 2020

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

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

Я вырезал кое-что (ax ios, методы, шаблон и т. д. c.) Но это должно дать вам представление.

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

  • используйте 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>
...