2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 今天学一个[Vue](/vuejs/)小应用：通过实例聊聊如何实现动态路由。我们在项目开发的过程中，难免会使用路由，那么我们在开发多角色的时，由于每个角色的权限不同，因此访问到的页面肯定也要有所限制，这个时候我们就需要使用动态路由，先看个效果图： ![image.png](http://static.51tbox.com/st...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 今天分享一个cookie小应用：如何使用vue-cookies的技巧。 前端设置cookie之vue-cookies {#heading-0} ----------------------------------- {#_lab2_0_0} ### 安装vue-cookies {#heading-1} ``` npm i...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [React](/react/)基础：使用React.forwardRef传递泛型参数。 使用React函数组件开发的过程中会遇到父组件调用子组件的方法或者属性的场景，首次先说怎么通过React.forwardRef来将子组件的属性或者方法暴露给父组件 {#_lab2_0_0} ### 使用forwardRef暴露组建...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 今天来了解下在[react](/react/)里，如何使用ref获取dom或者组件，做做一些应用。 ### 使用ref获取DOM的引用 {#heading-1} 在vue中，如果想获取DOM元素时，可以使用this.$refs.引用名称 在react中也可以像vue中，有类似的写法，如下 为元素添加ref引用 ``...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

我们可能会想"好吧，这是一个简单的任务！在你制作动画的图像上方添加一个额外的元素，它就完成了。" 没错，但我们不会使用任何额外的元素或伪元素。我们将只使用元素来工作`<img>`。而已！ 这听起来可能是不可能的，因为仅使用图像元素，我们无法在其上方添加任何东西。确实，我们不会在上面有任何东西，但我们会伪造它！ 下面是我们将要一起探索的内容演示...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 `setup语法糖之组件传参大概有三种：defineProps、defineEmits、defineExpose。接下来，我们一起来了解下吧。` `defineProps` 和 `defineEmits` 都是只能在 `<script setup>` 中使用的编译器宏。他们不需要导入，且会随着 `<scrip...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [vue3](/Vue3/)每日一学：分享页面跳转的方式。 vue3的页面跳转有两种方式，第一种是标签内跳转，第二种是编程式路由导航。 ``` 1、 <router-link to='/testDemo'>  <button>点击跳转1</button> </r...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 现在我们做的响应式布局的一般都会用到媒体查询工具，那么能不能不用呢？那我...

2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 [vue3](/Vue3/)基础应用：聊聊vue3中ref()的基础应用。 ref() {#heading-0} ------------------ 接受一个值，返回一个响应式的，可以修改的ref对象，这个对象只有一个`.vaule`属性。 ref对象可以通过`.value`属性进行修改，修改后的值也是响应式的，并且修改...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 [Vue](/vuejs/)基础知识：分析下created和mounted的使用场景。 生命周期概念 {#heading-0} ------------------- 通俗地讲，生命周期即Vue实例或组件从创建到被消灭的一系列过程，中间的各个节点被称为钩子.vue.js中created方法是一个生命周期钩子函数，一个vue实例...