51工具盒子
vue结合elementUI进行快速开发
> 人生最重要的不是努力，不是奋斗，而是抉择。 我们引入一个`elementUI` |-----------|-------------------------------------| | ``` 1 ``` | ```hljs shell cnpm i element-ui ``` | ![image-20200905134043776](/imgs/oss/p...
vuejs
vue2.0配置路由
> 古希腊哲学家芝诺的学生问他："老师，难道你有不懂得的东西吗？"芝诺风趣地回答："如果用小圆代表你们学到的知识，用大圆代表我学到的知识，那么大圆的面积是多一点；但两圆之外的空白，都是我们的无知面，圆越大，其圆周接触的无知面就越多。" 先说下端口配置吧 项目根目录下新建一个文件叫`vue.config.js` 
Vue3图片懒加载
背景 {#背景} -------- 界面很长，屏幕不能一下装下所有内容，如果以进入首页就把所有内容都加载完的话所需时间较长，会影响`用户体验`，所以可以当用户浏览到时再去加载。 代码 {#代码} -------- ### 新建index.js文件 {#新建indexjs文件} src下新建directives文件夹，并新建index.js文件 ```hljs lang...
vue3开发h5页面实现扫描二维码功能
<h2>安装依赖</h2> <p>html5-qrcode 是一个用于在现代浏览器中进行二维码扫描的 JavaScript 库。它利用 HTML5 的 getUserMedia API 来访问设备的摄像头，并使用 QRCode 库来解码二维码。这个库非常适合在 Web 应用中实现二维码扫描功能，尤其是在移动设备上。</p> <...
vue2学习笔记
01、初识 Vue {#01%E3%80%81%E5%88%9D%E8%AF%86-vue} ---------------------------------------------- 1. 想让 Vue 工作，就必须创建一个 Vue 实例，且传入一个配置对象； 2. root 容器里面的代码依然符合 html 语法，只不过混入了一些特殊的语法； 3. root 容器里面的...
vue3 中父子组件数据传输踩坑
本文最后更新于 2024-10-24，文章内容可能已经过时。 问题背景 {#问题背景} ------------ 最近在开发 halo 插件过程中，遇到了一个这样的问题，后台使用的 vue3 框架，其中涉及到了父子组件传值，带着 vue2 的开发习惯，对子组件绑定了后端异步获取的数据，以及相应事件，由子组件来渲染获取到的数据。并处理相应逻辑。父子组件代码如下： * 父组件...
异步加载 Vue 组件以减小 chunk 体积
<h2>问题 {#问题}</h2> <p>当你的组件过于复杂时，这里指它引用了非常多的第三方库，那么当你打包的时候或许会碰到下面的警告：</p> <p>|-----------------|-----------------------------------------------------------------...
关于unplugin-vue-components代码提示问题
<p>今天第一次体验<code>unplugin-vue-components</code>，遇到了代码提示的问题(VS Code)，如下：</p> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAA...
Vue Router 搭配 NaiveUI 的进度条
<h2>介绍 {#介绍}</h2> <p>由于 naive ui 的进度条需要依赖于一个 <code>NLoadingBarProvider</code>，所以我们在定义 <code>router</code> 的时候是无法使用 <code>useLoadingBar()</c...
