上一页 1 2 3 4 5 6 7 8 ··· 16 下一页

2025年2月10日

插件编写

摘要: // 使用页面 <template> <div></div> </template> <script setup lang='ts'> import { ref, reactive } from 'vue' const app = getCurrentInstance() app?.proxy?.$ 阅读全文

posted @ 2025-02-10 14:47 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

全局变量和函数定义和使用

摘要: import { createApp } from 'vue' import './style.css' import App from './App.vue' import SelfComponent from './study/selfComponent/component.vue' impor 阅读全文

posted @ 2025-02-10 12:19 ChoZ 阅读(7) 评论(0) 推荐(0) 编辑

hook封装成库上传到npm库中,下载自己用

摘要: https://www.bilibili.com/video/BV1dS4y1y7vd?spm_id_from=333.788.videopod.episodes&vd_source=ce8f93194a63c57cca08d7e9eb10d3e5&p=41 阅读全文

posted @ 2025-02-10 11:46 ChoZ 阅读(1) 评论(0) 推荐(0) 编辑

2025年2月9日

hook:toBase64

摘要: <template> <img src="/src/assets/img/demo.png" alt="" width="500" height="600" id="image"> </template> <script setup lang='ts'> import usebase64 from 阅读全文

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

手写v-lazy指令

摘要: <template> <div v-for="item in arr" :key="item"> <img v-lazy="item" alt="" width="400" height="800"> </div> </template> <script setup lang='ts'> impor 阅读全文

posted @ 2025-02-09 01:09 ChoZ 阅读(4) 评论(0) 推荐(0) 编辑

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 阅读(1) 评论(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 阅读(3) 评论(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 阅读(1) 评论(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) 编辑

上一页 1 2 3 4 5 6 7 8 ··· 16 下一页

导航

< 2025年2月 >
26 27 28 29 30 31 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 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示