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