vue3-highlight/src/demo/main.js

### 功能介绍 > 实现了一个句子根据查询字词进行高亮显示的功能，查询的字词的输入格式为数组（为了 > 兼容分词查询功能），根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和 > v-text，而不是v-html进行高亮字词的展示，减少XSS攻击的风险

import { createApp } from 'vue';
import DemoComponent from './demo.vue';
import highlight from '../index';

const app = createApp(DemoComponent);
// 注册组件
app.use(highlight, { class: 'MOONCOM', style: { color: '#333' }, selectedClass: '' });
app.mount('#app');