Vue2 ~ 共计8篇文章

Vue2、Vue3双向绑定封装组件例子

> Vue2、Vue3双向绑定封装组件例子：本文将讲述如何使用Vue2和Vue3的双向绑定功能，来创建封装组件，并且提供了一个实际的示例。 ![image-20230227161052962](http://oss.chengzz.com/typora_img/202302271610064.png?imageView2/0/q/75%7Cwatermark/1/image/aHR0cHM6L

2025-02-13

554

> Vue Devtools是一款浏览器插件，用于调试Vue.js应用。它可以帮助你检查Vue组件的状态、跟踪组件之间的数据流、查看Vuex状态管理器中的状态、调试应用中的事件等。Vue Devtools能够大大简化Vue开发过程中的调试工作，是Vue开发必备的工具。Vue Devtools可以安装在Chrome、Firefox和Safari浏览器中，具体安装方法可以参考Vue Devtools的官方文档。

2025-02-13

4375

Vue中实现图片懒加载，Vue2、Vue3写法

> 在HTML中，图片懒加载是一种性能优化技术，它可以提升网页的加载速度。原理是将图片的加载延迟到用户真正需要看到图片的时候再加载，而不是在网页加载完毕后就立即加载所有图片。这样做的好处是减少了网页加载时的带宽占用，提升了用户体验。 ![image-20230106150536513](http://oss.chengzz.com/typora_img/202301061505572.png?imag

2025-02-13

1275

修复Element等框架二次确认点击过快导致多次情况问题

> 如果你的Element等框架存在二次确认点击过快导致多次情况的问题，你可以尝试以下方法来修复这个问题 ![image-20230104180019342](http://oss.chengzz.com/typora_img/202301041800455.png?imageView2/0/q/75%7Cwatermark/1/image/aHR0cHM6Ly93d3cuY2hlbmd6ei

2025-02-13

801

Vue3前端开发调试的一些基本技巧

> 自从前段时间转到VScode,就没太在意它的调试功能，今天有空学习了下，记录下，另外记录下自己学到的一些调试基本技巧 ## VScode调试以前VScode调试都是通过一个插件来`Debugger for Chrome`调试的，但是随着VScode的更新，`Debugger for Chrome`已成为历史，代替它的是`vscode-js-debug`，已经内置在VScode里了，所以我们

2025-02-13

1650

VueRouter路由跳转页面添加加载进度条

> 之前做动态路由的时候就发现路由加载的时候没有过渡的动画，想着能否给加个进度条，发现还真可以，马上给所有项目加上，网速再慢也能有过渡了 ## 说明我这里使用的是`nprogress`进度条来过渡，当然也可以用其他的，如 loading 等 ## 安装 ```shell pnpm i nprogress ``` ## 在`router.js`或者`main.js`中使用

2025-02-13

1475

Vite2、js、vue2别名设置

> 今天给旧项目升级时，碰到Vite2+js+vue2的项目结构，但是VSCode打开后别名路径一直识别不了，打开WebStorm也一样识别不了，看来之前升级vite2时肯定是没配好，网上查了查，基本都试了一遍，每一个能真正识别出来的，于是自己倒腾出来了。 ## 配置`vite.config.js` 这个很简单,官方例子很多 ```json resolve: { alias:

2025-02-13

1011

修复TypeScript中导入vue文件报错显红

> 修复TypeScript中导入vue文件报错显红 ## vue 2 的解决办法，针对 vue 文件导入报错创建一个 shims.d.ts 文件，放置到 src/globalDeclare 中 ```shell declare module '*.vue' { import Vue from 'vue'; export defaul

2025-02-13

1681

Vue2 ~ 共计8篇文章

Vue2、Vue3双向绑定封装组件例子

Vue2、Vue3根据环境关闭devtools开发工具

Vue中实现图片懒加载，Vue2、Vue3写法

修复Element等框架二次确认点击过快导致多次情况问题

Vue3前端开发调试的一些基本技巧

VueRouter路由跳转页面添加加载进度条

Vite2、js、vue2别名设置

修复TypeScript中导入vue文件报错显红