Django + Vue.js 导入模块

Question

如何在由 Django 呈现的模板中导入 VueJS 应用程序的模块。我正在尝试导入模块 CKEditor。
这是我的情况：

template.html:

<div id="app">
    <form>
        <vue-ckeditor v-model="formField" />
    </form>
</div>
<script src="https://unpkg.com/vue-ckeditor2"></script>
<script>
Vue.component('vue-ckeditor', VueCkeditor.VueCkeditor)
var app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    data: function() {
        return {
            formField: "",
        }
    },
</script>

在 Github 上需要 import VueCkeditor from 'vue-ckeditor2';。

有没有办法在 Django 模板中做到这一点？

Answer 1

我的理解是您想导入一个组件并在您的模板中使用它。

试试这个：-

var VueCkeditor  = require(vue-ckeditor2);

    var app = new Vue({
         components: { VueCkeditor : VueCkeditor },
        delimiters: ['[[', ']]'],
        el: '#app',
        data: function() {
            return {
                formField: "",
            }
        },
    </script>

编辑：- 试试这个：-

 <script src="https://unpkg.com/vue-ckeditor2@2.0.7/dist/vue-ckeditor2.js"></script>
 var app = new Vue({
// the component is exported inside defult 
components: { VueCkeditor : VueCkeditor.default },
        delimiters: ['[[', ']]'],
        el: '#app',
        data: function() {
            return {
                formField: "",
            }
        },
    </script>

Django + Vue.js 导入模块

Django + Vue.js importing modules

html

javascript

django

ckeditor

vue.js