eWebEditor国产化专用版 V2.2 : 开发手册 : 集成调用 : 在Vue中使用EwebEditor组件 : Vue组件加载安装

EwebEditor Vue 组件，可以全局安装或局部安装。如全局安装，则整个项目中所有组件中可以直接使用，如局部安装，则只有安装的组件中可以使用。

1、 文件说明

以下以Vue3为例。如您项目是Vue2环境，所有示例中涉及的"ewebeditor-vue3"字样，改为"ewebeditor-vue2"即可。

ewebeditor-vue3/index.js 此文件用于全局安装

ewebeditor-vue3/EwebEditor.js 此文件用于局部安装

2、 全局安装

在入口文件main.js中加入如下蓝色字体的代码：

Vue2示例：

import Vue from 'vue'

import App from './App.vue'

// import EwebEditor from './components/ewebeditor-vue2/' //可以简写不要文件名

import EwebEditor from './components/ewebeditor-vue2/index.js'

Vue.config.productionTip = false

Vue.use(EwebEditor);

new Vue({

render: h => h(App),

}).$mount('#app');

Vue3示例：

import { createApp } from 'vue'

import App from './App.vue'

// import EwebEditor from './components/ewebeditor-vue3/' //可以简写不要文件名

import EwebEditor from './components/ewebeditor-vue3/index.js'

const app = createApp(App);

app.use(EwebEditor);

app.mount('#app');

3、 局部安装

如果您已经按上步进行了全局安装了，则不需要此步的局部安装。

在要使用的页或组件中，插入以下蓝色字体代码即可：

……

</template>

import EwebEditor from './components/ewebeditor-vue3/EwebEditor.js';

export default {

name: 'xxxxx',

components: {

EwebEditor

}

//…

}

</script>