Vue组件间的数据通信
props配置项
功能：让组件接受外部传来的数据
传递数据： <Demo name="xxx"></Demo>
接受数据：
只接受 pr...
分类 JavaScript 下的文章
笔记：vite 的启动链路以及背后的部分原理
这里分享一篇找到的文章 原文地址：https://blog.csdn.net/frontend_frank/article/details/106632197 NO.1 vite 是什么 ...
Vue2.0源码理解(5) - 生命周期
生命周期 前言 之前说的数据和模板渲染，组件的创建，配置的合并，其实在平时业务上很少去关注，因为即使不了解也不影响使用。而生命周期则和我们的业务代码有着紧密的联系了，玩过Vue的基本都得了解...
Vue2.0源码理解(6) - 组件注册
组件注册 前言 在 Vue.js 中，除了它内置的组件如 keep-alive、component、transition、transition-group 等，其它用户自...
Vuex的使用及map方法
Vuex
概念：在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间的通信
...
Vue-cli 脚手架搭建vue2和vue3的全家桶项目详细步骤
由于vue官方现在默认创建的版本是vue3，在创建配置选择上有很大的改动，有些还不会vue3的开发者 想继续使用vue2 创建就会遇到了一些问题。 现在对vue2 和vue3的全家桶进行项目的...
vuex的使用
vuex是什么 vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么 state：存放状态数据的地方，其中数据是响...
前端提升生产力系列三（vant3 vue3 移动端H5下拉刷新，上拉加载组件的封装）
｜ 在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。进入新公司后发现移动端好多列表，但是在看代码的时候发现，每个列表都是单独的代码，没有任何的封装，都是...
three.js添加3d模型
three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖
点击查看代码
import * as T...
uni-app开发 移动端APP 在电脑端使用安卓模拟器进行开发
在使用uniapp 开发移动端App的过程中可以使用，数据线连接真机测试进行开发 如果是MAC苹果系统开发的可以看这篇文章使用模拟器：https://www.cnblogs.co...
Vue3 使用Pinia状态管理
安装 npm install pinia --save 使用 创建store文件夹 建 src/store 目录并在其下面创建 index.ts，导出 store // src/...
HTML2CANVAS使用总结
前言 最近遇到了个功能，要把表单转化成图片来保存，这让我想到了一个插件HTML2CANVAS，这里给大家分享下它的用法和我使用的过程 html2canvas 能够实现在用户浏览...
Vue3
Vue3 1.Vue简介 1.Vue的特点
采用 组件化 模式，提高代码复用率、且让代码更好维护。
声明式 编码，让编码人员无需直接操作Dom,提高开发效率。
使用 虚拟Do...
@vue/cli的配置知道多少-publicPath,outputDir,assetsDir,indexPath,filenameHashing,configureWebpack,productionSourceMap
vue.config.js的简单介绍 vue.config.js 是一个可选的配置文件，
在项目的 (和 package.json 同级的) 根目录中存在这个文件。
默认情况没有这个文件需要...
three.js的使用
以创建一个立方体为例 安装 安装three:npm i three 使用 引用 引入three以及three中自带的相机控件OrbitControls用以操控相机: 初始化场景 s...
VSCODE 扩展之 Debugger for Firefox 的使用
有什么用?
可以让你在 VSCODE 里打的断点在浏览器中可用
运行时发生的错误在 VSCODE 中可以更直观的发现
安装 Debugger for Firefox ...
Vue脚手架配置代理
方法一：在vue.config.js中添加如下配置 devServer: {
proxy: "远程服务器地址及端口号",
} 说明：
优点：配置简单，请求资源时...
在基于ABP框架的前端项目Vue&Element项目中采用电子签章处理文件和打印处理
在一些内部OA或者流转的文件，或者给一些客户的报价文件、合同，或者一些医院出示的给保险机构的病历资料等，有时候可能都希望快速的使用电子签章的处理方式来给文件盖上特定的印章，本篇随笔介绍基于Vue...
Vue编程式路由导航和路由守卫
<router-link> 的replace属性
作用：控制路由跳转时操作浏览器历史记录的模式
浏览器历史记录有两种写入方式：分别有push和replac...
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理，对比Moment.js和day.js的处理
Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day...
electron打包vue项目
创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令：vue add electron-builder2、electron-builder添加完成后会选择el...
Vue的路由使用及参数接受
路由的基本使用
介绍
理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。
前端路由：key是路径，value是组件 ...
Vue3的toRef和toRefs
作用：创建一个ref对象，其value值指向另外一个对象中的某个属性。 这样在模板中就可以直接使用属性名而不用麻烦的再加对象名前缀了 。
语法：
const name...
Vue 生命周期总结
Vue 生命周期总结 生命周期： &...
VUE实战进阶（0）--基础准备、项目创建、实战思路
前期软件准备
环境：nodejs安装
开发工具：vscode安装
安装vue及脚手架vuecli
搭建项目 1、创建项目 vue create myproject 脚手...