2025年2月8日

简写directive，鉴权指令

摘要： <template> <button v-has-show="'add'">创建</button> <button v-has-show="'delete'">删除</button> </template> <script setup lang='ts'> import type { Directi 阅读全文

posted @ 2025-02-08 17:05 ChoZ 阅读(2) 评论(0) 推荐(0) 编辑

directive的生命周期和简单使用

摘要： <template> <lifeComponent v-demo="{color: 'red'}"></lifeComponent> </template> <script setup lang='ts'> import { ref, reactive } from 'vue' import typ 阅读全文

posted @ 2025-02-08 16:10 ChoZ 阅读(3) 评论(0) 推荐(0) 编辑

v-model深度使用，双向数据流

摘要： <template> <button @click="flag = !flag">改变model值</button> <div>{{ flag }}</div> <div>{{ text }}</div> // 可以定义多个v-model,语法是v-model:自定义变量 // 可以自定义修饰符 < 阅读全文

posted @ 2025-02-08 15:25 ChoZ 阅读(5) 评论(0) 推荐(0) 编辑

autoImport 插件

摘要： 1.功能介绍，自动帮你引入所需要使用的工具 2.安装npm i unplugin-auto-import -D 3.config文件配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import v 阅读全文

posted @ 2025-02-08 14:09 ChoZ 阅读(8) 评论(0) 推荐(0) 编辑

tsx

摘要： <template> <Tsx name="jsx传值" @toEmit="getEmitValue"></Tsx> {{ msg }} </template> <script setup lang='ts'> import Tsx from './index.tsx' import { ref } 阅读全文

posted @ 2025-02-08 01:31 ChoZ 阅读(2) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示