vue3中vite应用:关于匹配动态加载路由,本地路由以及线上路由
![](/images/tt/vue.jpg) 聊聊[vue3](/vue3/)中vite应用:关于匹配动态加载路由,本地路由以及线上路由。 本地路由方便开发配置,匹配线上路由,进行页面路由控制。我们直接上代码: ``` // router/constRoutes.js // --------------------------------------- // con...
![](/images/tt/vue.jpg) 聊聊[vue3](/vue3/)中vite应用:关于匹配动态加载路由,本地路由以及线上路由。 本地路由方便开发配置,匹配线上路由,进行页面路由控制。我们直接上代码: ``` // router/constRoutes.js // --------------------------------------- // con...
![](/images/tt/vue.jpg) 在[Vue3](/vue3/)中解决跨域问题可以通过以下几种方式: * 代理请求:在vue.config.js中配置proxyTable,将请求代理到后台接口服务器。这样就可以通过同域名下的接口地址来访问后台接口。 * CORS跨域:在后台接口服务器中设置Access-Control-Allow-Origin等CORS相关的...
![](/images/tt/vue.jpg) 今天学一个[Vue](/vuejs/)小应用:通过实例聊聊如何实现动态路由。我们在项目开发的过程中,难免会使用路由,那么我们在开发多角色的时,由于每个角色的权限不同,因此访问到的页面肯定也要有所限制,这个时候我们就需要使用动态路由,先看个效果图: ![image.png](http://static.51tbox.com/st...
![](/images/tt/vue.jpg) 今天分享一个cookie小应用:如何使用vue-cookies的技巧。 前端设置cookie之vue-cookies {#heading-0} ----------------------------------- {#_lab2_0_0} ### 安装vue-cookies {#heading-1} ``` npm i...
![](/images/tt/react.jpg) [React](/react/)基础:使用React.forwardRef传递泛型参数。 使用React函数组件开发的过程中会遇到父组件调用子组件的方法或者属性的场景,首次先说怎么通过React.forwardRef来将子组件的属性或者方法暴露给父组件 {#_lab2_0_0} ### 使用forwardRef暴露组建...
![](/images/tt/react.jpg) 今天来了解下在[react](/react/)里,如何使用ref获取dom或者组件,做做一些应用。 ### 使用ref获取DOM的引用 {#heading-1} 在vue中,如果想获取DOM元素时,可以使用this.$refs.引用名称 在react中也可以像vue中,有类似的写法,如下 为元素添加ref引用 ``...
我们可能会想"好吧,这是一个简单的任务!在你制作动画的图像上方添加一个额外的元素,它就完成了。" 没错,但我们不会使用任何额外的元素或伪元素。我们将只使用元素来工作`<img>`。而已! 这听起来可能是不可能的,因为仅使用图像元素,我们无法在其上方添加任何东西。确实,我们不会在上面有任何东西,但我们会伪造它! 下面是我们将要一起探索的内容演示...
![](/images/tt/vue.jpg) `setup语法糖之组件传参大概有三种:defineProps、defineEmits、defineExpose。接下来,我们一起来了解下吧。` `defineProps` 和 `defineEmits` 都是只能在 `<script setup>` 中使用的编译器宏。他们不需要导入,且会随着 `<scrip...
![](/images/tt/vue.jpg) [vue3](/Vue3/)每日一学:分享页面跳转的方式。 vue3的页面跳转有两种方式,第一种是标签内跳转,第二种是编程式路由导航。 ``` 1、 <router-link to='/testDemo'> <button>点击跳转1</button> </r...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/290e6f396302b6f5cd4eb153684430c1/a7bf377da2854f5eb7b49d9b08ea3b31.jpg.jpg "500.jpg") 现在我们做的响应式布局的一般都会用到媒体查询工具,那么能不能不用呢?那我...