vue 引入emoji表情包

可以通过以下步骤引入emoji表情包：

1. 安装emoji-mart库

在命令行中运行以下命令：

npm install emoji-mart --save

2. 在组件中引入emoji-mart库

在需要使用emoji表情的组件中，引入emoji-mart库：

import { Picker } from 'emoji-mart'
import 'emoji-mart/css/emoji-mart.css'

3. 使用Picker组件

在需要使用emoji表情的地方，使用Picker组件即可：

<template>
  <div>
    <input v-model="message" />
    <Picker @emoji-click="addEmoji" />
  </div>
</template>

<script>
import { Picker } from 'emoji-mart'
import 'emoji-mart/css/emoji-mart.css'

export default {
  components: {
    Picker
  },
  data() {
    return {
      message: ''
    }
  },
  methods: {
    addEmoji(emoji) {
      this.message += emoji.native
    }
  }
}
</script>

在上面的例子中，当用户点击一个emoji表情时，addEmoji方法会将该表情添加到message数据中。