跳至主要內容
Vue3 在 render 函数中使用 slot

工作上有一个需求:需要为一个按钮添加文本提示,我使用的是 Tooltip 组件,不过这个模块需要使用 render 函数编写,所以需要在 render 函数中使用到 slot

在网上查到的资料大部分都不太可行或代码过于臃肿,最后在官方文档找到了解决方案


望间代码VueVue3大约 1 分钟
在 VS Code 中添加 Vue2 代码模板

文件-->首选项-->用户代码片段-->输入 vue

"Vue2": {
  "prefix": "vue2",
  "body": [
   "<template>",
   "<div class='$2'>$5</div>",
   "</template>",
   "",
   "<script>",
   "",
   "export default {",
   "name: \"$1\",",
   "components: {},",
   "data() {",
   "return {}",
   "},",
   "computed: {},",
   "watch: {},",
   "methods: {},",
   "created() {},",
   "mounted() {},",
   "}",
   "</script>",
   "",
   "<style lang=\"scss\" scoped>",
   "$4",
   "</style>"
  ],
  "description": "Vue2 code template"
 }

望间代码VueVue2VS Code小于 1 分钟
Vuex

状态管理工具

Vuex
Vuex

望间代码VueVuex大约 3 分钟