vue
关注
分享
扫一扫
文章平均质量分 52
小蓝阿姨
独立开发者
展开
-
vue3在jsx或tsx写法中setup暴露方法给父组件
在vue3的jsx写法中，我们一般是直接用setup返回jsx或者tsx的，所以我们经常性忽略了有的时候需要一些父调子的操作，例如父组件编辑完毕需要刷新子组件，这个时候总不能直接浏览器刷新吧，所以就直接在父组件对子组件调用它的子方法进行刷新。原创 2022-11-17 16:40:44 · 3984 阅读 · 1 评论 -
当vue3提示[Vue warn]: Vue received a Component which was made a reactive object.
当vue3提示[Vue warn]: Vue received a Component which was made a reactive object.原创 2021-12-16 12:24:11 · 10627 阅读 · 10 评论 -
当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components
以useRouter()为例<script setup>import { useRouter } from 'vue-router'const buttonGoHome = () => useRouter().push({ name: 'Home' })</script>控制台直接报错警告我们说inject() can only be used inside setup() or functional components.这是因为，我们要在外面拿一个变量把他原创 2021-10-28 21:36:25 · 26914 阅读 · 2 评论 -
vue3中直接操作dom
注意：本文所使用的vue3版本为3.2.6在vue2的时候我们操作dom是这样子使用的<template> <div class="box"> <div ref="drag" class="box_drag">我会被拖动</div> </div></template><script> export default { mounted() { console.log(this.$refs.drag原创 2021-08-31 14:55:16 · 11092 阅读 · 4 评论 -
简简单单用vue3做一个递归菜单组件
不得不说，vue3这个语法糖用起来真是顺手的不得了。废话少说，直接上源代码。样式没啥好说的，自己去写<template> <div v-for="(item, i) in props.list" :key="i" class="item" > <router-link :to="item.path" class="link" > {{ item?.meta?.title ?? '导航原创 2021-08-29 15:20:55 · 1266 阅读 · 0 评论 -
简单的实现了一个语法糖式的双向绑定
直接利用data-name来绑定某一个对象的名字直接贴代码，bug肯定是有bug，主要是为了我自己看和学习，顺便分享出来一下运行的效果如下<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-08-22 11:58:23 · 374 阅读 · 0 评论 -
vue-cli2使用scss
因为vue-cli2已经帮你配置好了scss的配置你只管就是下载个依赖就完事了。cnpm install sass-loader node-sass原创 2021-08-11 12:48:28 · 604 阅读 · 0 评论