vue-router

优化webpack打包文件体积的小妙招

现在网上有很多关于压缩webpack体积的方案，接下来就通过一个小项目，就是在vue-cli3的基础上安装了vue，vue-router和vuex这些包，来对这些方案进行尝试，来试试这些方案可以达到什么样的优化效果吧
_hider·2023-01-27 17:26

vue-cli publicpath 设置 cdn 路由问题

最近在配置由vue-cli搭建的项目中使用CDN资源，根据文档介绍将publicPath设置为CDN路径，可是发布上线后却发现vue-router生成的路由在跳转时会带有CDN的路径，文档里没有相关问题的介绍和解决方案
匿名信片·2023-01-27 07:44

vue-cli 路由、子路由

cnpmivue-router-S在components里创建one，two文件oneonecomponenttwotwocomponent第一种，在src里main.js里写上importRouterfrom'vue-router'importonefrom
AnnQi·2023-01-26 21:29

Vue 打包优化之 externals 抽离公共的第三方库

使用@vue/cli脚手架构建的Vue全家桶项目，默认配置下，打包后会把vue、vue-router、axios、vuex、element-ui、echarts等公共库打包在一起，导致基础chunk、vendor
天問_专注于大前端技术·2023-01-26 18:18

vue3获取this.$route

$route获取引入import{useRouter}from'vue-router'vue3通过router.currentRoute.value.path这是currentRoute里面的值
今夕何夕_9270·2023-01-26 04:20

前端常用重难点总结之vue篇

vue-router+UI(semantic-ui或者element-ui等）2、遇到问题可以从这几个方向入手，一般都能解决问题（1）生命周期（2）watch（3）$nexttick(4)vuex(5)vue-router
·2023-01-24 20:45

前端常用重难点总结之vue篇

vue-router+UI(semantic-ui或者element-ui等）2、遇到问题可以从这几个方向入手，一般都能解决问题（1）生命周期（2）watch（3）$nexttick(4)vuex(5)vue-router
·2023-01-24 20:44

Vue知识整理

简述Vuex的数据传递流程vue-Router是干什么的，原理是什么?路由之间是怎么跳转的?有哪些方式?Vue-Router怎么配置路由vue-Router有哪几种路由守卫?Vu
易寒。·2023-01-23 08:07

vue 项目中vuex 和router的使用

文章目录前言一、vuex1.作用2.属性2.代码二、router1.作用2.引入2.1引入router3.router使用一、安装二、创建组件三、router-link制作导航四、动态路由匹配五、vue-router
chen852249298·2023-01-23 08:34

vue3的路由传参query、params以及动态路由传参

一、query传参编程式导航使用router.push或者router.replace的时候，改为对象形式新增query必须传入一个对象import{useRouter}from'vue-router'
凡小多·2023-01-23 07:58

Vue3.0路由跳转方式

Vue3.0路由跳转方式1.编程式路由导航第一步创建route文件夹以及index.js上代码import{createRouter,createWebHistory}from'vue-router'/
剑心空明·2023-01-21 13:53

Vue Router深扒实现原理

目录回顾VueRouter的核心代码代码实现创建Vue-Router插件构造函数完整代码VueRouter官网前置知识：插件、slot插槽、mixins混入、render函数、运行时和完整版的Vue回顾
·2023-01-21 00:09

Vue拾遗 —— vue-router 基本使用

什么是路由？说起路由想起了什么？路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。生活中，关于路由的概念很自然想到路由器路由器提供两种机制：路由和传送路由是决定数据包从来源到目的地的路径转送将输入端的数据转移到合适的输出端路由有一个非常重要的概念叫路由表路由表本质上是一个映射表，决定了数据包的指向后端路由阶段早期的网站开发整个HTML页面是由
酷酷的橙007·2023-01-18 11:41

如何解决前端上线之后用户页面不刷新的问题

起因刚刚说了，导致这个问题的具体原因，是因为在vue-router里使用了页面模块懒加载，通过Vite打包之后，不同于Webpack，生成的di
蜗牛不会飞_·2023-01-18 03:58

P32. vue-router 路由组件传参和不同的历史记录

路由组件传参命名视图ShopMain.vueshop主要内容exportdefault{name:"ShopMain",props:['id'],mounted(){console.log(this.id)}}不同的历史记录hash模式二者的区别是有无#html5模式#消失
·2023-01-17 18:35

P31. vue-router 重定向和别名

重定向访问/,重定向到/aboutredirect返回对象方法别名多个别名index.js//1.定义路由组件.//也可以从其他文件导入importHomefrom"../views/Home.vue";importAboutfrom"../views/About.vue";importUserfrom"../views/User.vue";importNotFoundfrom"../views/
·2023-01-17 16:00

Vue2的前端路由（vue-router）

一、路由路由(英文：router)就是页面地址与组件之间的对应关系二、路由方式服务器端路由、前端路由三、前端路由前端路由：地址和组件之间的对应关系，即由前端来维护一组路由规则（地址和组件之间的对应关系），实现模式有两种：1.利用URL的hash模式：就是常说的锚点，JavaScript通过hashChange事件来监听URL的改变。在地址前带有#2.利用HTML5的History模式：由Html5
鸣鲷有柒·2023-01-17 01:35

P30. vue-router 命名路由和命名视图

命名路由App.vueHelloApp!`将呈现一个带有正确`href`属性的``标签-->GotoHome---GotoAbout---GotoUser---GotoUser-->GotoNews---GotoParent---GotoPageindev.js//1.定义路由组件.//也可以从其他文件导入importHomefrom"../views/Home.vue";importAboutf
·2023-01-16 15:34

前端实习——Vue学习笔记(一)

JavaScript框架国人自己开发的框架，作者是尤雨溪官网：cn.vuejs.org入门简单手册详细生态圈活跃vue两大核心：数据驱动页面、组件化3.vue框架学习内容vue、vue-cli脚手架、vue-router
是吱吱·2023-01-16 07:02

Vue中的动态路由匹配路由问题

目录vue-router动态路由匹配总结vue-router动态路由匹配我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。
·2023-01-14 04:58

vite搭建vue3+ts项目（包含sass，vue-router）

vitejs.cn/二.通过vite进行创建的步骤npminit@vitejs/app创建项目的名字选择vue选择vue+ts这时候项目就已经创建成功了，在vscode里面将此项目文件夹加入到工作区三.vue-router
@luffy27·2023-01-11 07:08

vue-router后台鉴权流程实现

目录前言：路由拦截鉴权常用的两种方法比较：与动态路由相关的通常有以下几个文件：router.jspermission.jsstore.js退出登录：结尾：前言：最近项目遇到一个管理系统，感觉权限配置挺有意思，记录一下流程实现的过程，便于自己学习以及整理思路，部分思路整合在代码的注释中：路由拦截鉴权常用的两种方法路由拦截：单纯给路由加字段标识符，通过路由拦截实现动态路由：第二种是通过路由的拆分另外需
·2023-01-10 04:48

路由——路由导航守卫

官方解释：vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航通俗一点来说，就是在路由跳转之前做判断，符合条件就放行，不符合再做其他判断处理二、全局前置守
霞霞要乖·2023-01-10 03:35

vue路由的导航守卫

1.介绍：vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。
快乐的二进制鸭·2023-01-10 03:50

Vue2前端路由(vue-router的使用)

目录一、vue2+axios+Express+MySQL实现前后端交互1、后台：2、前端二、vue2的前端路由（vue-router）一、vue2+axios+Express+MySQL实现前后端交互1
须臾不敢忘·2023-01-10 03:48

Vue2前端路由(vue-router的使用)

一、vue2+axios+Express+MySQL实现前后端交互1、后台：（1）确定MySQL的表格：明确数据库（mvc）—-数据表(ssm_book)（2）创建Express项目：mysql2、cors、Sequelize(ORM)、nodemon（3）dao层（model、连接数据库、crud操作）（4）service层（调用dao层）（5）接口层（接口地址与service层的方法的映射）（
不想写，还得写，写就写，慢慢写·2023-01-10 03:48

vue 关于路由和导航守卫

一、路由的概念hash地址与组件之间的对应关系前端路由的工作方式：点击路由链接导致url地址中的hash值变化前端路由监听hash地址变化路由把hash地址对应的组件渲染到浏览器二、路由的基本用法vue-router
干洋芋果果·2023-01-10 03:14

vue-router 路由模式有几种？能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？

你使用过Vuex吗？Vuex是一个专为Vue.js应用程序开发的状态管理模式。每一个Vuex应用的核心就是store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态(state)。（1）Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。（2）改变store中的状态的唯一途径就是显式地
Z_Xshan·2023-01-10 03:07

从0到1完成一个Vue后台管理项目（四、引入axios、配置路由）

0到1完成一个Vue后台管理项目（三、使用SCSS/LESS，安装图标库）axiosaxios就是一个专注于发请求的库，现在项目一般都用这个安装cnpmiaxios-S全局引用在main.js里面设置vue-router
Shaka@·2023-01-09 09:48

axios如何在nodejs项目里封装_vue项目-axios封装、easy-mock使用

vue全家桶概括下来就是项目构建工具(vue-cli)路由(vue-router)状态管理(vuex)http请求工具vue有自己的http请求工具插件vue-resource，但是vue2.0后作者就不在更新了
weixin_39609354·2023-01-09 09:14

vue2后台管理系统（ vue2 + vue-router + Vuex + axios + elementui + echarts，nodejs后台）

技术vue2+vue-router+Vuex+axios+elementui+echarts目录技术serve1.db数据库连接2.user.js3.app.jsrouter1.permission.js路由拦截store（vuex状态管理）userModule.jsapi和utils1.request.js请求根路径2.SessionStorage.js(数据持久化)3.接口api文件，Good
欢愉～·2023-01-09 09:40

当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components

以useRouter()为例import{useRouter}from'vue-router'constbuttonGoHome=()=>useRouter().push({name:'Home'})控制台直接报错警告我们说
小蓝阿姨·2023-01-08 07:36

【学习笔记】《玩转Vue3全家桶》数据流：如何使用Vuex设计你的数据流

前言：在Vue3的生态中，包括Vuex、vue-router、VueDevtools等生态库。今天，先来了解一下Vue全家桶必备的工具：Vuex，有了这个神兵利器，复杂项目设计也会变得条理更清晰。
lilly呀·2023-01-08 07:55

Vue3全家桶项目搭建（vue3、vue-router、vuex、axios、vue-i18n）

Vue全家桶（vue3、vue-router、vuex、axios、vue-i18n）项目搭建_RosaChampagne的博客-CSDN博客_vue3全家桶https://blog.csdn.net/
思月行云·2023-01-05 21:07

浅谈VUE全家桶（Vue、VueX、Vue-Router、axios、Vue-cli）的理解与认识

1、Vueveu是一个渐进式的、专注于视图层的前端开发框架，通过数据驱动和组件化的方式实现了高效的前端开发，既可以通过文件引入的方式在普通页面中被引入使用，也可以基于webpack等构建系统结合veu-routervuex进行前后端分离方式的项目开发，vue是当今企业当中使用比较多的开发框架不仅是直接使用vue还衍生出了很多基于vue封装后的框架。2、Vue-routerVue-router是一个
程序猿wzh·2023-01-05 21:07

vue3项目搭建 基于vite + typescript + vue-router + pinia

这几个是官网链接可以去看看1.vite:https://vitejs.cn/guide/#trying-vite-online2.pinia:https://pinia.vuejs.org/getting-started.html#installation3.vue-router:https://router.vuejs.org/zh/installation.html4.vue3:https:/
别找bug,我就是bug·2023-01-05 13:27

手把手教—搭建vite+vue3+ts+pinia+element-plus+qiankun项目（新增在线预览地址）

第一步、vite+vue3+ts项目搭建第二步、集成vue-router、axios封装、element-plus及icon配置eslint&prettier参考部分vite实用插件介绍第三步、以Pinia
wocwin·2023-01-05 13:27

腾讯前端vue面试题合集

能说下vue-router中常用的hash和history路由模式实现原理吗？（1）hash模式的实现原理早期的前端路由的实现就是基于location.hash来实现的。
·2023-01-04 16:24

腾讯前端vue面试题合集

能说下vue-router中常用的hash和history路由模式实现原理吗？（1）hash模式的实现原理早期的前端路由的实现就是基于location.hash来实现的。
·2023-01-04 16:16

P26. vue3 vue-route 带参数的动态路由匹配和404 页面

`将呈现一个带有正确`href`属性的``标签-->GotoHome---GotoAbout---GotoUserUser.veuUserimport{useRoute}from'vue-router'console.log
·2023-01-03 11:50

校招前端二面高频vue面试题

vue-router中如何保护路由分析路由保护在应用开发过程中非常重要，几乎每个应用都要做各种路由权限管理，因此相当考察使用者基本功。
·2023-01-02 10:58

hash和history两种模式的区别

前端路由vue-router有两种模式,hash模式和history区别一、hash就是指url尾巴后的#号以及后面的字符，history没有底带#，外观上比hash模式好看些二、原理的区别（原理）三、
Gabriel.c·2022-12-31 02:33

hash和history路由的区别

在了解路由模式前，我们先看下什么是单页面应用，vue-router的实现原理是怎样的，这样更容易理解路由。
web老猴子·2022-12-31 02:26

hash值和history值详解区别

赠人玫瑰Vue作为前端主流的渐进式开发框架被大量程序员熟知应用，Vue中为了构建SPA（singlepagewebapplication，单页Web应用），需要引入前端路由系统，这也就是Vue-Router
画了五官的猕猴·2022-12-31 02:41

vue(三）vue3 + vite + pinia 全局变量

全局变量记录两种方式,一种原生，一种pinia全局状态管理版本:"dependencies":{"element-plus":"^2.2.17","pinia":"^2.0.22","vue":"^3.2.39","vue-router
qq_30620793·2022-12-30 17:31

vue-router动态路由添加及路由刷新后消失的解决办法

所使用的Vue3+Ts+vite手动搭建的项目，对于vue-cli搭建的项目同样适用。项目流程不多赘述，直接上用法一、动态添加路由{key:唯一值id,title:名称,icon:图标,children:[{parentKey:父id,key:唯一值id,title:名称,name:路由名称path:文件路径,type:类型,MENU菜单BUTTON具体按钮hiddle:作为菜单是否隐藏truef
1CC4·2022-12-30 15:05

vue-router 导航完成后获取数据的实现方法

created：实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(dataobserver)，属性和方法的运算，watch/event事件回调。然而，挂载阶段还没开始，$el属性目前不可见。使用生命周期的created()函数，在组件创建完成后调用该方法。created(){//组件创建完成后获取数据//此时data已经被监听了this.fetchData();},watch:
·2022-12-30 07:25

(超级详细)Vue项目实战App3- - - 城市选择

一、路由配置编辑’index.js’文件(路径:src/router/index.js)---创建路由的路径importVuefrom'vue'importVueRouterfrom'vue-router
后海 0_o·2022-12-30 05:28

Vue 获取URL中的参数

实现效果如下：获取URL中的参数，并显示在页面上流程：1.在index.js中编辑代码如下：import{createRouter,createWebHashHistory}from'vue-router'importNewsfrom
Zhichao_97·2022-12-28 15:05

vue：路由插件vue-router与引入axios

一、前言祝大家圣诞节快乐！这里给大家送圣诞树表演：http://happy.idystudyclass.cn二、技术点有一段时间没有发布新的文章了，之前不是在学习vue2嘛，最近忙着给别人写web期末作品，所以一直没时间更新，当然也是我自己想休息一段时间，本次主要是总结router路由与axios通常在前端开发中的使用。三、实现步骤安装相应的插件与外部库依赖包：使用任何一个插件或者外部库，都需要将
林一直·2022-12-28 11:12
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他