记一次傻逼过程，使用Vue的markdown组件mavon-editor

阿。
要被自己气死了。
总的来说还是对Vue的语法不熟悉，才闹出了这种乌龙。。
上图吧。

Vue.use(MavonEditor);


var app  = new Vue({
    el : '#main',
    data(){
        return { value : ''}
    }
})


console.log(window);

这里就是一个组件的注册，引入GitHub上大神写好的组件
mavon-Editor

这里那些icon没有显示出来，是因为我没有引入css文件，等吃个饭回来调调。。
效果说完了，来说说我反的错吧，反思反思。。

第一
直接根据github上的示例引入组件，却没有去想到import只能在npm工程中使用，导入的是保存在package.json中的组件。

   // 全局注册
    // import with ES6
    import Vue from 'vue'
    import mavonEditor from 'mavon-editor'
    import 'mavon-editor/dist/css/index.css'
    // use
    Vue.use(mavonEditor)
    new Vue({
        'el': '#main',
        data() {
            return { value: '' }
        }
    })

第二
在use里面引入的是cdn的路径。。这个我是真的傻了。
应该如同我上面所写的，在页面中声明cdn的js文件，在windows上注册只会，再注册组件。。

Vue.use("https://weleness-1300955279.cos.ap-guangzhou.myqcloud.com/cdn/js/mavon-editor/mavon-editor.js");


var app  = new Vue({
    el : '#main',
    data(){
        return { value : ''}
    }
})

好了。
以上就是今天下午两个小时踩的坑。。博主去吃饭了。