前端学习之路—Vue 第90页

Vue3入门到实战笔记01

基于Vite创建Vue3工程一、创建Vue3工程npmcreatevite@latest按照提示创建项目cdvue3study进入所创建的项目目录npminstall安装项目需要的依赖包npmrundev

jxncxgx·2024-02-03 14:00

vue + pdf.js实现浏览器查看pdf文件

话不多说先展示效果开篇说明:pdfjs指的是:http://mozilla.github.io/pdf.js/或者https://github.com/mozilla/pdf.js注：该实现的底层为canvas渲染，本人亲自体验，渲染较大的pdf等待时间会比较长，用手机查看效果可能会出现渲染不全的情况正文本教程使用的pdfjs版本是"pdfjs-dist":“^2.3.200”,如果读者安装教程走

花子占爷丶·2024-02-03 14:59

vue使用pdf.js实现在线查看pdf文件

需求：有一个列表页，用户点击查看，弹层展示后台接口返回的pdf内容(不是文件、地址之类的，乱码的pdf铭文(二进制文件流))1、pdf.js安装npminstall--savevue-pdf2、正文代码查看

码不停T·2024-02-03 14:25

谈谈vue中的reader函数

vue中的reader函数和template一样都是创建html模板的，有的时候模板中根据不同情况渲染不同模板时，使用template就显得代码冗长繁琐而且有大量重复，如：这里通过传入level值来显示不同的

平步青云xi·2024-02-03 14:34

打破框架的范式之争（react,vue&Svelte）

原文正文从这开始～～在2019年9月17日举行的GitHub中国首场官方见面会上，做了《打破框架范式之争》的主题分享。在9月初左右，一个ReactMeetup邀请了Svelte框架的作者RichHarris去做一个技术分享。他的内容主旨如下所示:image在React的场子里，说Svelte比React更好。相当于在GitHub的场子里，说开源不是一个好的选择。哈哈，当然，他是开玩笑的。实际上，他

videring·2024-02-03 13:39

vue 使用svg图标

之前做项目中，使用的小图标都是使用字体图标，现在这个项目因为毕竟小，就想使用svg来展示svg。因为在学习的过程中，遇到了一些坑，就在这里跟大家分享一下。1、创建svg-icon组件exportdefault{name:'SvgIcon',props:{iconClass:{type:String,required:true},className:{type:String,default:''}}

Amy_yqh·2024-02-03 13:01

webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue的区别首先说结论Rollup更适合打包库，webpack更适合打包项目应用，vite基于rollup实现了热更新也适合打包项目。

m0_47761892·2024-02-03 12:40

Vite与Vue-cli的区别和特点

目录前言1.如何使用Vite和Vue-cli创建vue3.0项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建vue3.0时的一个基本项目脚手架和开发服务器的构建工具

程序员--韩同学·2024-02-03 12:40

Vue项目套壳安卓webview项目记录

1、安装AndroidStudio，不再赘述，可查阅博客2023最新版Androidstudio安装入门教程（非常详细）从零基础入门到精通，看完这一篇就够了。-CSDN博客2、新建Android项目打开主界面activity_main.xml，在里面放一个WebView：代码如下：打开MainActivity.java文件，让WebView全屏显示，并设置常见网络地址测试网络：代码如下：impo

jimson_zhu·2024-02-03 12:10

node环境打包js，webpack和rollup两个打包工具打包，能支持vue

引言项目中经常用到共用的js，这里就需要用到共用js打包，这篇文章讲解两种打包方式，webpack打包和rollup打包两种方式1、webpack打包js1.1在根目录创建webpack.config.js，配置如下constpath=require('path');module.exports={entry:'./index.js',output:{filename:'index.js',pat

guhy fighting·2024-02-03 12:08

vite和vue-cli实现原理和优化及区别

Vite：1.实现原理：Vite是一个基于ESModule的构建工具。它利用原生ESModule的特性，将每个文件作为一个模块，通过浏览器去解析和执行，而不需要提前将文件打包成一个单独的bundle。Vite利用浏览器的原生ESModule支持，实现了快速的开发环境启动和热模块替换（HMR）。2.优化策略：Vite在开发环境中通过将源代码直接发送到浏览器，避免了传统的打包过程，实现了更快的开发启动

光影少年·2024-02-03 12:07

Vue中使用 Element-ui form和 el-dialog 进行自定义表单校验&清除表单状态

文章目录问题分析问题在使用Element-uiel-form和el-dialog进行自定义表单校验时，出现点击编辑按钮之后再带年纪新增按钮，出现如下情况，新增弹出表单进行了一次表单验证，而这时不应该要表单验证的分析在寻找多种解决方案后，最后用的方法时在打开弹窗第一次取消校验规则，这里我使用的是el-dialog的@open和@close来处理需要注意的是要在清除方法外面用$nextTick处理一下

博客zhu虎康·2024-02-03 12:07

vue 引入 less

vue引less输入命令：npminstalllessless-loader--save-dev

9a4a58bf4d80·2024-02-03 12:41

vue--在router里面如何修改vuex中的state

今天为大家介绍一下在router里面如何修改vuex中的state！（如果解决了您的问题，请帮忙给我点个赞吧，谢谢！！！）

一叶孤舟1990·2024-02-03 12:12

Vue Promise 使用

话不多说直接上代码块vara=newPromise((resolve,reject)=>{axios.get("地址").then(res=>{//请求成功执行回调传递resresolve(res)})}).catch(err=>{reject(err)})varb=newPromise((resolve,reject)=>{axios.get("地址").then(res=>{//请求成功执行回

大灰給丶·2024-02-03 12:02

Vue2.x全家桶学习笔记

一、概述1.1、什么是VueVue是一个自底向上逐层应用、注重视图模块、快捷构建前端应用的渐进式框架！

茴香馅饺子~·2024-02-03 12:25

vue基础四（路由）

路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.$route的fullpath和path响应路由参数的变化匹配所有路径匹配优先级嵌套路由声明式导航编程式导航$router.push()$router.replace()$router.go(n)$router.go(n)简写方法命名路由命名视图重定向别名路由组件传参History模式$router和$rou

今天晚上一定要早睡·2024-02-03 12:54

Vue 学习笔记 -- 5. vue-router

Vue学习笔记–5.vue-router5.vue-router一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。

lingchen0522·2024-02-03 12:54

VUE开发记录

1、VUE模板传递参数到JS方法selectLanguage(value,key){console.log(value,key)},2、Element框架el-form-item自定义label和内容姓名第一行信息第二行信息预览效果如下

狠狠亲一口·2024-02-03 12:53

Vue2+ElementUI 弹窗全局拖拽支持放大缩小

拖拽组件dialogDrag.vueexportdefault{name:'dialogDrag',data(){return{originalWidth:null,originalHeight:null

沉默是金~·2024-02-03 12:23

基于springboot+vue的阿博图书馆管理系统(前后端分离)

博主主页：猫头鹰源码博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目背景：近年来，随着网络技术的不断发展，越来越多人喜欢在网络上查找各种自己所需信息。阿博图书馆管理系统对用户和管理员都有很大帮助，阿博图书馆管理系统通过和数据

猫头鹰源码(同名B站)·2024-02-03 12:09

基于Python淘宝母婴用品销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-02-03 12:35

七.Vue3.x中使用Axios请求远程真实Api接口数据

https://github.com/axios/axios1、安装npminstallaxios--save或者yarnaddaxios或者cnpminstallaxios--save2、引入使用importAxiosfrom"axios";axios.get('/user?ID=12345').then(function(response){//handlesuccessconsole.log

小柠有点萌·2024-02-03 11:45

根据路由动态注册组件失败

低版本不支持传入动态参数const_import=file=>()=>import(/*webpackChunkName:`[request][index]`*/`@/pages${file}/index.vue

小墨宝·2024-02-03 11:45

webstorm、vscode、HBuilder配置eslint检查

安装npminstall--save-deveslint----安装eslintnpminstall--save-deveslint-plugin-vue------检测.vue文件里的jsnpminstall

金金金__·2024-02-03 11:37

Electron+Vue3+Vite的产品级模板项目

1.electron-vue3-template基于Vue3+Electron+TypeScript的客户端程序模板，使用Vite和ElectronForge构建和打包。

china_jeffery·2024-02-03 10:52

vue3 markdown编辑器推荐（maven-editor & vditor & tiptap ）

最近项目需要用到markdown编辑器，使用了三种maven-editor(http://www.mavoneditor.com/?spm=a2c6h.12873639.article-detail.9.aaad62affAKmTV)vditor(https://b3log.org/vditor/demo/index.html?utm_source=ld246.com)tiptap(https:/

yggjdle·2024-02-03 10:33

Maven的安装以及配置（超级详细版）

前言至于什么是Maven，大家可以理解为之前的Vue一样，也是通过操控对象映射来使用的他内部还有很多的插件用于实现对应的功能，例如打包插件，或是测试maven下载Maven–DownloadApacheMavenapache

菜鸟小木·2024-02-03 10:03

Element Plus修改表格行、单元格样式

(Vue3)consttableData=[{name:"clz",age:21,job:"Coder",},{name:"czh",age:21,job:"Coder",},{name:"赤蓝紫",age

梅花十三儿·2024-02-03 10:59

【Vue】mvc，mvp，mvvm 的区别

总结：MVC:view视图层依靠model来进行更新渲染，当数据发生改变时。第一步:通知controller进行更新，然后第二步controller再通知model进行更新。最后model才将view更新,这样大量的逻辑以及更新操作，都需要在controller操作,则产生了大量代码，不利于维护，且model发生变更时很难判断是由model直接更改的，还是view用户操作更改的，这样使得数据流很混

小秀_heo·2024-02-03 09:09

【Vue3】vue组件生命周期总结

简言每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM，在此总结下一个vue组件的生命周期描述。

ZSK6·2024-02-03 09:03

【vue3】vue3源码探索之旅：compiler-core（一）

简言compiler-core包是vue3源码代码编译的核心代码包，且与平台无关，这个包主要功能是将代码解析成ast、然后转换成codegenNode对象、再编译生成可执行代码（render渲染函数）。

ZSK6·2024-02-03 09:33

【Vue3】组件props的使用

简言Props是一种特别的attributes，你需要在组件上声明注册，然后才能识别成props,而不是普通的attributes。本篇主要讲解props的用法，以及传递后的porps值如何保持其响应性。Propsprops声明如果一个prop的名字很长，应使用camelCase形式，因为它们是合法的JavaScript标识符，可以直接在模板的表达式中使用，也可以避免在作为属性key名时必须加上引

ZSK6·2024-02-03 09:03

【Vue3】源码探索之旅：compiler-core之parseChildren函数（二）

简言parseChildren函数是在baseParse函数中作为createRoot函数的子节点参数传入的，今天来探索下parseChildren函数。parseChildren在compiler-core/src/parse.ts文件内。parseChildren这个函数就是用来解析模板字符串内容的，里面有个while循环以栈的形式不断读取模板字符串进行解析，直到解析完毕，然后进行空白处理并返

ZSK6·2024-02-03 09:26

vue3 vuedraggable draggable element must have an item slot

vue3+vite看官网使用这种{{element.name}}实战可看这篇

Roottt_·2024-02-03 09:54

从零开始使用Konva，画图并绑定节点。

实战可行，vue3+vite+ts实现实现电子地图，左侧列表可拖拽绑定地图可绑定点设备坐标安装npminstallkonva插件引入importKonvafrom'konva'importKonvafrom'konva'import

Roottt_·2024-02-03 09:53

前端 UI 框架怎么选？

目前最主流的三大框架Angular、React、Vue仍然是使用人数最多的，他们有什么特点，还有什么好用的前端框架吗？该如何选择适合自己的呢？

LLI025·2024-02-03 09:20

前端面试题-vue-MVC和MVVM-VUE常见指令

前端面试题-vue-MVC和MVVMMVC和MVVMVUE常见指令v-if和v-for为什么不建议一起使用Vue双向数据绑定原理（响应式原理）（v-model）v-if和v-show的区别写在最先，不知不觉更新面试题系列也一个月过去了

小全upup·2024-02-03 09:19

vue-3d-model属性介绍

vue-3d-model是一个可以解析3d模型的组件，基于threeJS和webGL；这篇文章就不介绍具体怎么引入了，可以到官网查阅一下，这里主要是记录一下这个组件的属性，方便我自己和大家查阅使用，具体支持哪些文件

喜枝儿·2024-02-03 09:39

vue项目中如何关闭或者自定义eslint规则

我们在开发中，有时候编译运行之后，控制台会报一些eslint检测的信息比如空格缩进问题，结尾分号问题。。。。有时候看到就会很无语，明明代码写的没有问题，但是编译之后就会有很多提示信息。那么我们如何关闭或者自己定义eslint的规则呢？关闭直接注释掉package.json文件中eslint的配置就行了自定义在package.json文件下修改eslint的ruleimage.png修改rule的格

二营长家的张大炮·2024-02-03 09:20

vue-3d-loader vue实现3d模型展示（vue2）

官方文档:快速上手|Vue3dloader(king2088.github.io)（注意：看清版本vue3跟2使用版本不同）1.下载npmivue[email protected].引入1.全局引入importvue3dLoaderfrom"vue

只玩辅助啊·2024-02-03 09:08

vue-3d-model

vue-3d-model-npmGitHub-hujiulong/vue-3d-model:vue.js3Dmodelviewercomponent通过该插件降低Threejs的使用难度vue项目加载三维模型

dragonzoebai·2024-02-03 09:07

vue-3d-loader

vue-3d-loader-npmGitHub-king2088/vue-3d-loader:VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度

dragonzoebai·2024-02-03 09:04

uniapp+vue生成二维码

终端下载二维码插件yarnadduniapp-qrcode1.dom2.jsimportwxcodefrom'uniapp-qrcode'//生成二维码constcreateQRCode=()=>{wxcode.qrcode('qrCode',val,200,200);}onMounted(()=>{createQRCode()})

前端小葛·2024-02-03 08:27

vue3.0 Composition API上手体验

vue3.0CompositionAPI上手体验vue3.0对比vue2.0优势vue3.0相比vue2.0性能提升了近50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy的新数据监听

廊坊吴彦祖·2024-02-03 08:57

Vue3.0（一）：Vue的引入-options api-模板语法

Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount

前端大菜鸟_·2024-02-03 08:55

vue登陆修改密码等加密（禁止明文传输）

1.下载加密插件,终端运行yarnaddjsencrypt2.配置加密信息文件rsaEncrypt.js放到utils中，代码如下importJSEncryptfrom'jsencrypt/bin/jsencrypt'//密钥对生成网址http://web.chacuo.net/netrsakeypairconstpublicKey='MIGfMA0GCSqGSIb3DQEBxxxxxxxxxxx

前端小葛·2024-02-03 08:55

AJAX --- 1 认识URL form-serialize插件

1.先使用axios库，与服务器进行数据通信基于XMLHttpRequest封装、代码简单、月下载量在14亿次Vue、Re

小鲫鱼学前端·2024-02-03 08:18

vue插槽

1.插槽使用正常渲染子组件时，如果子组件的起始标签和闭合标签内有内容，内容是无法被渲染出来的，如下图：//Son.vue子组件//Parent.vue123123123如果我想要使用Parent.vue

废物的自我修养记录·2024-02-03 08:22

【VUE】VUE - CLI 创建一个 VUE 3 项目详细步骤 , 继承路由、Element-UI-Plus

2、安装VueCLInpminstall-g@vue/cli3、创建一个新的Vue项目npxvuecreatevue-yanxi过程中询问你一些配置选项。

乐乐家的乐乐·2024-02-03 08:52

推荐频道

前端学习之路—Vue