Javascript Django+;Vue.js导入模块

Javascript Django+;Vue.js导入模块,javascript,html,django,vue.js,ckeditor,Javascript,Html,Django,Vue.js,Ckeditor,如何在Django呈现的模板中导入VueJS应用程序的模块。我正在尝试导入模块编辑器。 这就是我的情况: template.html: Vue.component('Vue-ckeditor',VueCkeditor.VueCkeditor) var app=新的Vue({ 分隔符:['[',']]'], el:“#应用程序”, 数据:函数(){ 返回{ formField:“”, } }, 在它上,需要从“vue-ckeditor2”导入VueCkeditor; 在Django模板中有这样

如何在Django呈现的模板中导入VueJS应用程序的模块。我正在尝试导入模块编辑器。
这就是我的情况:

template.html


Vue.component('Vue-ckeditor',VueCkeditor.VueCkeditor)
var app=新的Vue({
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},
在它上,需要从“vue-ckeditor2”导入VueCkeditor;


在Django模板中有这样做的方法吗?

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

试试这个:-

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>
var VueCkeditor=require(vue-ckeditor2);
var app=新的Vue({
组件:{VueCkeditor:VueCkeditor},
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},
编辑:- 试试这个:-

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>

var app=新的Vue({
//组件将在defult中导出
组件:{VueCkeditor:VueCkeditor.default},
分隔符:['[',']]'],
el:“#应用程序”,
数据:函数(){
返回{
formField:“”,
}
},

将const更改为var,因为它是es5Yes,我正在尝试将CK编辑器实现到我的表单中。它用于HTML中的富文本编辑。Nor require或include已定义,因此我得到一个错误:ReferenceError:require未定义。明白了,我不知道您没有require。因此,首先我们需要检查此脚本是否提供global变量与否。更改了代码,最新版本不支持无需。因此可能使用它的语法也会延迟。是的。我现在可以使用了。我必须编辑一些样式,但是,否则,非常感谢!