Vue3的setup语法中使用onBeforeRouteEnter
Vue3的setup语法中使用onBeforeRouteEnter的思路，借助setup函数中自定义方法onBeforeRouteEnter与组件beforeRouteEnter关联实现。...
vue3项目中极简axios封装与应用
axios在前端项目中作为一个网络请求库，它可以运行在浏览器和node.js环境中，因此非常的流行。极简axios封装与应用，在日常开发的简单应用中即可拿来主义直接使用。...
vue页面使用highlight.js代码高亮和Clipboard代码复制
Vue2和Vue3使用highlight.js进行代码高亮，Clipboard进行代码复制有一定差异，主要是this在vue3中不指向组件实例。...
Unhead管理网站head标签内容
使用vue2开发网站前端的时候使用组件vue-meta，可针对每个页面设置不同的标题和描述信息。再使用vue3开发的时候发现Unhead更为方便。...
Vue2页面菜单切换高亮应用
由于Vue单页项目的特征，菜单高亮显示不同于Jquery的操作，需要根据路由的变化来判断设置高亮。...
Vue2项目添加jquery的方法以及DOM操作
Vue2引入jquery的方式主要是通过main.js配置全局引用之后，还需要在vue.config.js里继续配置...
Vue2路由切换组件的生命周期变化
Vue2路由的切换实质是 Vue 组件的销毁和创建，从一个组件切换到另外一个组件，类似于销毁一个组件再创建另外一个组件并挂载，而这里细节涉及到组件的创建，挂载，更新和销毁等生命周期钩子。...
Vue2路由中的$router和$route区别与联系
初学vue2路由的时候对$router和$route这两个变量容易混淆，概念不是很容易厘清，官方文档有一个出处只是很简单的描述了一下两者。这里做一个简单的试验看下它们的区别。...
Vue事件总线(EventBus)使用逻辑和原理总结
Vue事件总线（EventBus）是一种在 Vue.js 应用中用于组件之间进行非父子通信的机制。它不是 Vue 官方提供的功能，而是一种基于 Vue 自定义事件的常用模式...
Vue2中子组件向父组件传值的两种方式prop和emit
在B站看到一个Vue2的进阶视频，提到了子组件向父组件传递数据可以使用prop的方式，觉得很差异，因为官方文档里面提到的是单向下行绑定。父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。但是根据实际使用的情况，有时候却需要这么操作，所以总结起来的子组件向父组件传递数据有两种方式prop和emit。...