![](https://img-blog.csdnimg.cn/8f3a57b653ae4a6ba21fd8f07383e557.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3学习
这是一个菜鸟在学习的道路上了解的一些小问题。
Yosola
毕业之后一直咸鱼的菜鸟。
展开
-
vue3使用ant-design-vue的Modal的小技巧
ant的modal挂载,移动原创 2022-04-26 17:43:53 · 5715 阅读 · 0 评论 -
vue3创建一个响应屏幕高度变化的全局指令
1.首先在vue的项目里创建一个文件,比如src文件夹下的utiles文件夹下新建一个directiveUtils.ts。2.里面内容如下:export default function(app) { app.directive("fouce", { mounted(el, binding) { // el指是你调用了该指令的dom结构本身,binging指的是你调用该指令时添加的参数 el.style.height = document.documentElement原创 2022-03-16 17:37:47 · 2214 阅读 · 0 评论 -
在vue3-cli中使用TypeScript注册一个全局组件
1.简单的创建。1.1 在你的vue项目中新建一个ts文件,建议放在components文件夹下。1.2 引入vue中关键的几个全局api。参考代码如下:import { App, defineComponent, h } from 'vue'const TestBlock = defineComponent({ name: 'test-block', //名字必须要给 setup() { const depop = { style: "width:100px;heig原创 2022-01-19 18:12:52 · 1183 阅读 · 0 评论 -
在vue3-cli的语法糖中使用props传递复杂类型的数据
1.首先新建一个页面index.vue和一个组件child.vue。2.在搭建好基础模块后开始引入组件。<template> <div> <child></child> </div></template><script lang="ts" setup> import child from '@/components/children/child.vue'</script>原创 2022-01-18 18:08:05 · 4116 阅读 · 1 评论