Vue中如何引入一个html（包含css/js）作为一个模块

Question

代码框架是vue+webpack+node想在Vue写的页面中引入一个markdown插件editor.md https://github.com/pandao/edi... 作为一个模块但是editor.md并不能通过npm安装editor.md插件的html代码：效果如下：想把这个当做一个模块放到vue实现的页面中，不知该如何做到

Answer 1

类似的第三方插件，都可以用这样的方式组织成一个vue组件：

<template>

<div id="id">

    <textarea></textarea>

</div>

</template>

<script>

import scriptjs from 'scriptjs'

export default {

    props: {

        id: String

    },

    mounted() {

        // 获取依赖的资源 - 如果需要异步加载的话

        Promise.all([

            scriptjs('jquery.min.js'),

            scriptjs('editormd.min.js')

        ])

        .then(() => {

            // do your logic.

            // 实例化，绑定事件等操作

        })

    },

    destoryed() {

        // 解绑全局事件

        // 销毁实例

    },

    methods: {

        // 返回一些有用的函数

    }

}

</script>

实例化之后，监听实例提供的方法；然后再$emit给使用者，再提供一些get方法用于获取内部属性，等等。

具体的实现可以参考vue-ueditor、vue-echarts类似的。

使用方法：

<editor-md id="editormd" @update="doUpdate"></editor-md>