随笔分类 - Vue
vuejs
摘要：建议视频教程小满Vue3（第三十九章 electron桌面程序）_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是 el
阅读全文
摘要：cesium中文网 http://cesium.xin/ 优秀的学习资源 http://cesium.xin/wordpress/archives/130.html vite-plugin-cesium vite社区插件安装cesium https://github.com/nshen/vite-p
阅读全文
摘要：首先看到v-model，大多数小伙伴都会想到“响应式”、“双向绑定”，v-model 确实是实现了双向绑定数据，用过vue的人都比较熟悉。v-model 是 Vue 内置的指令,vue2和vue3中的v-model使用有点不太一样，那具体是哪里不一样呢？ 小结 2.x 中 v-model 语法糖底层
阅读全文
摘要：本地服务器vue和react都有这个问题 原理是 其实是这个网址 : https://images.weserv.nl/docs/format.html#adaptive-filter images.weserv.nl是一种图像缓存和调整大小服务。我们的服务器调整您的图像大小，在全球范围内缓存并显示
阅读全文
摘要：注册组件 全局组件 Global组件,这里用了TS和默认值 创建Global组件 // Global.vue <template> <h3>Global component</h3> <div>{{ msg }}</div> </template> <script setup lang="ts">
阅读全文
摘要：1 什么是长列表？ 1.1 概念前端的业务开发中会遇到一些数据量较大且无法使用分页方式来加载的列表，我们一般把这种列表叫做长列表。 1.2 参考案例比如淘宝网的商品列表页，一个手机屏可以容纳10个左右商品。如果每次只请求10个商品，一次请求10个商品和50个商品，数据返回所需要的时间相差不大。对于m
阅读全文
摘要：pinia官网 Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。 https://pinia.vuejs.org/zh/ vue2中使用pinia https://blog.csdn.net/YhWyl527/article/details/125057799 vue3中使用
阅读全文
摘要：Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者
阅读全文
摘要：创建vue3项目 使用vue脚手架创建vue项目 好处：基于vite构建,并且不需要自己配置vue-router,pinia,eslint,vitest等 npm init vue@latest 参考 https://cn.vuejs.org/guide/quick-start.html#creat
阅读全文
摘要：在登录时使用axios请求数据传参时无法正常的获取数据。 这里使用了qs插件： 简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 在项目中使用命令行工具输入：npm install qs安装完成后在需要用到的组件中：import qs from 'qs’具体使用中我查看了：
阅读全文
摘要：很优雅的封装调用 https://blog.csdn.net/qq_42618566/article/details/109308690 一般的封装调用 https://blog.csdn.net/weixin_45532734/article/details/105137010 可以理解一下 ht
阅读全文
摘要：1、vue中定义全局事件 我使用的方法2，这样代码比较简洁，也方便定义多个事件。 方法1：直接再main,js里构造函数 在main.js中Vue构造函数的原型上新增函数； Vue.prototype.globalGetData=function(){ console.log('getData');
阅读全文
摘要：一、什么是过滤器？ 过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。 官方文档 api: https://cn.vuejs.org/v2/guide/filters.html 过滤的使用场景很广泛,如单位转换、数字打
阅读全文
摘要：学习地址:https://www.bilibili.com/video/BV1CC4y1476y?p=1 封装组件 P46 实现news-item组件的封装 父子组件通讯 p47-实现列表跳转详情并传递id https://www.bilibili.com/video/BV1CC4y1476y?p=
阅读全文
摘要：ES6：export default 和 export 区别 之前多个ajax请求封装，返回出现问题就是多写了 default https://www.jianshu.com/p/edaf43e9384f 推荐小项目使用export，阅读代码更方便，好像也更节省性能？ 大项目使用export def
阅读全文
摘要：create： 创建DOM元素 mounted: 处理DOM数据
阅读全文
摘要：在获取到数据之前，内容是一片空白的。取到数据之后，才会将数据填充进去，在这期间会出现闪烁的现象。 解决办法：使用v-cloak html结构如下： <ul v-cloak> <li v-for="(item, index) in 10" :key="index">{{item}}</li> </ul
阅读全文
摘要：vue实现长按删除方法 https://blog.csdn.net/qq_39603448/article/details/88391199 js保存图片到手机相册（ios与android通用） https://blog.csdn.net/qq_26652185/article/details/79
阅读全文
摘要：uni-app开发，graceUI和uViewUI 哪一个更好呢？ graceUI要收费 uViewUI免费 初入uniapp踩过的坑 https://www.jianshu.com/p/0dfa73779a0b 1.资源使用绝对路径（有利于兼容） <!-- 绝对路径，/static指根目录下的st
阅读全文
摘要：一. 什么是Vuex? Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. 用于组件之间的通讯。 每一个 Vuex 应用的核心就是 store，里面又包括: （1）state（数据）：用来存放数据
阅读全文
