本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档https://www.iviewui.com/components/tree以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端给出，需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ，如果没有自己手动加或后端改，没有这
前言最近Vite2.0很火热，说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下，照着我们目前的项目环境，尝试搭建了一套基础环境,简单了解了Vite2.0的配置，以及各种库的集成。这里对Vite2.0不做过多的介绍，主要优点就是快，快，快。环境配置一条命令创建一个空的vite项目npm init @vitejs/app vite-project在终端,输入以上命令，会让
背景： 首先声明一下，我只是个菜鸡，为了解决问题才去看的源码，解决完问题之后也就没有兴趣看其他部分代码了，所以这篇文章是一次很低层次的解读，角度也相当片面，想必会有很多喷点吧。 事情的经过是这样，今年十月底的时候对公司前端产品的构建工具做了一次升级，从webpack1升级到了webpack4，现在已经投入正式环境，写这篇文章的时候我在外边出差，忙的时候997，闲的时候也997，这会儿就有点闲得
1. 前端框架的发展历史前端工程师 12. html css + div 13. js 加入 jquery 14. MVC angular1.0 react 15. vue 微信小程序2. Vue.js第一次使用什么是框架？什么是库（框架是有一套自己的生态系统的 库是没有自己的生态系统的， 它就是一个工具）Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以
Vue相关的基础知识我们已经介绍了不少，官网也有很详细的使用说明，那么从本篇文章开始，我会陆续为大家介绍一款开源的Vue项目。首先感谢唐岗在github上分享的“基于vue.js重写Cnodejs.org社区的webapp”，源码地址如下：https://github.com/shinygang/Vue-cnodejs。接下来我会不定期阅读该项目，把其中的一些细节分享出来，和大家一起进行Vuew
转载
2024-05-07 09:50:14
497阅读
英文 | https://medium.com/swlh/8-free-vue-icon-libraries-to-pretty-up-your-web-app-82dfa6a59f57图标如果使用得当是吸引访问者注意力并为他们提供视觉的好方法。随着 VueJS 的兴起，社区也开始开发更多的 Vue 图标库，这些库是直接为使用 Vue 开发的人设计的。这是我使用过的 8 个免费 Vue 图标库。这
Vue3+TypeScript 项目创建一、安装`Node.js`二、卸载旧版本（安装过vue2的）1.查看vue版本2.卸载旧版本3.安装新版本4.查看当前版本三、初始化项目1.选择需要安装项目的位置2.新建项目3.选择更快的源，选择`Y`4.请选择预设模式5.配置项目6.选择3.x7.选择Class样式组件8.使用Babel转义9.不开启路由模式（可能出现打包后，白页情况）10.选择一种cs
转载
2024-10-13 21:54:54
56阅读
前言之前看了雪碧大佬的将 React 渲染到嵌入式液晶屏觉得很有意思,React能被渲染到嵌入式液晶屏,那Vue是不是也可以呢？所以本文我们要做的就是:如标题所示,就是将Vue渲染到嵌入式液晶屏。这里使用的液晶屏是0.96 寸大128x64分辨率的SSD1306。要将Vue渲染到液晶屏,我们还需要一个桥梁,它必须具备控制液晶屏及运行代码的能力。而树莓派的硬件对接能力和可编程性天然就具
1、使用element-plus时默认的语言是英文，如何将其设置为中文，使用 el-config-provider 来进行配置 // app.vue <template> <el-config-provider :locale="locale"> <router-view></router-view ...
转载
2021-08-17 15:36:00
416阅读
2评论
# Vite + Vue3 + TypeScript + Axios 封装
在前端开发中，我们经常会使用到一些工具和库来提高开发效率和代码质量。在最近的前端开发中，Vite、Vue3、TypeScript 和 Axios 是一些非常流行的工具和库。本文将介绍如何结合这些工具和库来进行封装，以提高我们的开发效率和代码质量。
## 1. Vite
Vite 是一个由 Vue.js 核心团队开发的
原创
2024-07-03 03:22:44
221阅读
下载@types/nodenpm i -D @types/nodevite.config.tsimport { resolve } from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
转载
2023-04-27 14:53:39
355阅读
使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig ...
转载
2021-09-04 11:40:00
1006阅读
快捷导航vue3.x的新特性研究vue2.x面临的问题vue3.x的主要优势vue3.x写法变动Vue Function-based API RFC1. setup()2. state 的设定包装对象**ref()**附加的 reactive()3. computed4. watch5. prop6. 生命周期与 react hooks 对比 vue3.x的新特性研究本文仅作为vue3.x的研究
一，vue-cli4.0安装关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
Vue在GitHub上面的star数量已经超过了react，虽然npm包下载的数量还没有react多，但是Vue上升的势头真的很猛。Vue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多，今天我简单提一下生命周期，然后说一下一些可能比较没人注意的点。先上Vue官网的生命周期图片： 先罗列出生命周期然后一个一个讲解beforeCreatecreatedbeforeM
目标：用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目, 包含必要的 vuex vue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目首先安装 yarn 包管理工具： 创建一个简单的 vue-ts 项目： // 选择 vue-ts 模版
转载
2024-10-29 20:02:50
114阅读
vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的，当时我们开发 v
原创
2022-12-13 10:58:29
356阅读
一、区别 let route = useRoute() 注意： 1、params参数可选可不选，参数占位后面+? 2、path占位符 3、使用name 二、案例 1、跳转
目录第一步：第二步：第三步：第四步：最后：前言：我们有时候会遇到一个项目需要支持多语言，而用直接翻译的插件时常会导致翻译的结果跟自己预想的有所偏差或者结果太长造成页面结构紊乱而这个时候就需要用到 i18n ，这个插件的作用是创建这个自己的字典，使其切换语言时用到的文案是自己编写的，这样就可以做到实现自己想表达的效果. 话不多说，直接上源码：第一步：首先呢，肯定是先
前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。我这个切片功能是基于 minion 的，后端会把文件放在minion服务器上。具体看后端怎么做1、在项目的 util(这个文件夹是自己创建的，如果项目里没有可以自行创建) 文件家中创建一个js文件 upload.jsimport axios from 'axios';
import m
