Vue3.2

Vue3 开发语法使用总结（超详细、超基础）

前言最近开源了一套后台管理模板Wocwin-Admin，是基于Vue3.2、TypeScript、Vite4、Pinia、Element-Plus、Qiankun(微前端)技术栈，借此归纳一下Vue3.2
wocwin·2023-10-23 03:28

vue3.0开发手册(实用版)

Vue3.2看一遍就会的setup语法糖起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在
零凌林·2023-10-22 06:28

Vue3父子组件传值相关

vue3.2中父组件调用子组件中的方法、父子组件传值总结1、父组件调用子组件中的方法，子组件需主动暴露出来，父组件才可调用defineExpose子组件child.vueconstchildMethod
Particular12.·2023-10-16 13:59

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

由于vue3.2版本的发布，的实验性标志已经去掉，已经陆陆续续有不少公司开始使用vue3.2开发项目了。
rgrgrwfe·2023-10-15 23:44

vue3.2 setup标签语法糖 父子组件传参顺序问题

vue3.2setup标签语法糖父子组件传参顺序问题父组件//如果不加这个v-if会导致子组件的defineProps没有数据;//因为接口是异步的//拿到数据前子组件已经created了,所以是null给子组件加v-if等有数据了再显示子组件//或者不使用v-if在子组件中使用watch也可以监听到data的值;//根据自身需求//引入组件importtopchartsfrom"./common
Colesyn L.·2023-10-15 13:00

element-ui的el-input组件使用v-model部署出现无法输入情况

问题描述：element-ui的el-input组件使用v-model部署出现无法输入的情况报错：解决方法：将vue2全部转成vue3《真把我坑惨了，搜了好多，说什么这是vue3.2版本的bug，网上那些也全是跟父子组件有关的解决方法
V I.·2023-10-14 23:31

vue3.2 element-plus el-tree仅点击子级最后一级高亮，父级不高亮

项目需求tree有两级或三级结构（管理员登录时有三级），展示集团和公司的列表选中集团不高亮无操作选中公司高亮且右侧显示详情点击页面空白失焦，子级高亮不变试了el-tree的配置项，只要失焦，子级高亮就会消失，不满足需求，最后通过slot自己实现关键代码如下，提供个思路代码里边有tree的引导线，用了别人的插件，这部分不需要可以略过//template:class="{hightlight:data
林深灼华·2023-10-14 07:03

基于vite + Vue3.2 组件开发 并发布 npm 包

新建vite项目就不多说了目录结构button组件index.jsInput组件下的index.js也是一样的这里就不一一截图了而在packages下也有一个index.js作为引入组件的入口文件配置完成后npmbuild打包会多出来一个dist目录package.json配置{"name":"名称",//打包的名称"private":false,//私有属性，默认true我们需要改为false，
前端开发小陈·2023-10-13 14:44

Vue3 + TypeSciprt+Vant 项目框架构建

哔哩哔哩移动端-项目实战前言今年8月，Vue3.2终于定稿了项目实现效果图：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ApjGDxQM-1655734119007)(
蚂蚁二娘·2023-10-13 06:09

7-vue-2

vue3.2自定义全局指令、局部指令//在src目录下新建一个directive文件，在此文件夹下新建一个index.js文件夹，接着输入如下内容constdirectives=(app)=>{//这里是给元素取得名字
loveX001·2023-10-11 06:40

vue3.2自定义指令语法糖+ts和!ts

vue2有13种指令:v-oncev-bindv-modelv-if等当这几种指令不满足自己的使用的时候可以自定义指令的*vue2指令的钩子bindinsertupdatecomponentUpdatedunbindvue3的指令和vue2的不一致1.vue3的指令的钩子函数：created元素初始化的时候beforeMount指令绑定到元素后调用只调用一次Mounted元素插入父级Do’m调用b
@小朱呀路·2023-10-09 06:47

后台管理系统-前端Vue项目搭建

前端技术Vue3.2,后端搭建使用SpringCloudAlibaba。1、Vue项目初始化我们使用Vueui来初始化项目。
码农山泉·2023-10-08 12:56

vue3.2 pinia 数据持久化

第一步定位到项目根目录的终端npmipinia-plugin-persist第二步定位到入口文件注入代码import{createPinia}from'pinia'importpiniaPersistfrom'pinia-plugin-persist'letpinia=createPinia()app.use(pinia.use(piniaPersist))第三步定位到需要数据持久化的store里
m0_60508458·2023-10-03 07:51

2021/11/4 学习文档记录 vue3 && jquery

vue3computed计算属性watch监听vuex使用差异vue2vue3使用stategettersmutationsactions注册全局的差异vue2插件方式注册示例vue3插件方式注册示例vue3.2
三叶啦·2023-09-28 21:38

vue3.2单文件组件 ＜script setup＞ 语法糖常用写法

是在单文件组件中使用组合式API的编译时语法糖,当使用的时候，任何在其中声明的顶层的绑定(包括变量，函数声明，以及import导入的内容)都能在模板中直接使用。{{count}}import{ref}from'vue'importChildfrom'./Child'constcount=ref(0)响应式数据定义响应数据ref()接受一个内部值，返回一个响应式的、可更改的ref对象,此对象只有一个
牧云流·2023-09-27 04:38

微信小程序的简单开发流程

框架选择选择uniapp：1、为了开发效率，我选择uniapp框架，使用vue3.2语法。相比小程序的自身的框架，该框架开发效率更高，编译后的代码更优。
MrLee_fda8·2023-09-18 18:47

使用vue3 + TS + Pinia + Vant4 + vite搭建商城H5项目框架

初始化阶段使用的技术栈有：vue3.2、vue-router、TS、Pinia、Vant4、Less、vite1.环境检测：node-v检测是否有安装node.js，未安装请先去官网安装node.js2
往事随风，唯有技术·2023-09-15 06:20

Vue3 过10种组件通讯方式

本文简介点赞+关注+收藏=学会了本文讲解Vue3.2组件多种通讯方式的基础用法，并且使用了单文件组件。
德育处主任·2023-09-12 13:58

Vue3, setup语法糖、Composition API全方位解读

起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，无需return
yyds2026·2023-09-10 23:59

vue3.2 导出pdf文件或表格数据

要在Vue3中导出PDF文件，你可以使用第三方库来处理PDF生成和导出。一个常用的库是jspdf，它允许你在客户端或服务器端生成PDF文档。以下是在Vue3中使用jspdf库导出PDF文件的基本步骤：第一步首先，安装jspdf库。你可以使用npm或yarn来安装它：npminstalljspdf--save或pnpminstalljspdf--save第二步在Vue组件中引入jspdf库：实例代码
IT全栈视野·2023-09-08 12:47

vue-treeselect(适配Vue3.2)及Element-plus的TreeSelect组件

文章目录一、vue-treeselect的使用1、版本问题：1.1、vue2使用的版本1.2、vue3.x使用的版本2、安装vue3-treeselect，vue3的版本3、使用vue3-treeselect4、自定义方法Event二、Element-plus的TreeSelect组件一、vue-treeselect的使用1、版本问题：1.1、vue2使用的版本官网地址：https://www.n
迷小圈·2023-09-07 19:55

vue3.2版本 在浏览器打开一个新窗口 和 在页面弹出新窗口的写法（传参和接收参数）

第一种：浏览器打开一个新窗口//模板传值到编辑器import{useRoute,useRouter}from"vue-router";constrouter=useRouter();constroute=useRoute();constjumpPhoto=(item:any)=>{const{href}=router.resolve({path:'/photo-editor',//路径query:
六加六呀·2023-09-06 04:50

Vue3.2 + Element-Plus 二次封装 el-table（Pro版）

点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言ProTable组件目前已是2.0版本，在1.0版本[1]中大家提出的问题与功能优化，目前已经得到优化和解决。欢迎大家在使用过程中发现任何问题或更好的想法，都可以在下方评论区留言，或者我的开源项目issues中提出。如果你觉得还不错，请帮我点个小小的Star一、在线预览Link：admin.spicyboy.cn[2]二、Git仓库地址(
winty~~·2023-08-30 10:52

vue3.2版本新特性

Vue3.2版本包括许多重要的新功能和性能改进，但并不包含重大更改。主要更新如下：新的单文件组件功能是一种编译时语法糖，可在SFC(单文件组件)内使用CompositionAPI时极大地提升工作效率。
老鼠AI大米_Java全栈·2023-08-27 08:00

Vue3.2中使用swiper实现层叠式轮播图

介绍在vue3中使用swiper实现缩略图的轮播图效果，具体如下图所示：代码conststate=reactive({autoplay:false,watchSlidesProgress:true,//计算每个slide的progress(进度、进程)loop:true,slidesPerView:"auto",loopedSlides:5,//在loop模式下使用slidesPerview:'a
发呆的薇薇°·2023-08-22 19:53

Vue3.2文件下载全流程，包括后端代码，前端所有代码，开箱即用，保姆教学。

前端文件下载这一块的知识，感觉大家应该知道的很少，因为平时候练习的demo里面，基本没有关于文件下载的知识所以我今天写一下自己关于文件下载的笔记，以下笔记内容是文件下载流程的所有知识，所用技术栈前端为Vue3.2+Ts+Axios后端为Node+express大家不要一看到要后端就不看了，很简单，装一个express的库，新建文件夹down，此文件夹下新建一个server.js的文件，并在此文件夹
道长道长IOT·2023-08-22 03:28

Vue3 + Vite +TS 项目问题总结

最近做的几个Vue项目基本都收尾了，总结一下在项目中遇到的问题，希望能帮助遇到同样问题的小伙伴项目情况：我做的项目都是Vue3.2（setup语法）+Vite+TS，一个H5项目，一个PC前台，还有PC
伊路顺峰·2023-08-17 23:51

前端精选周刊第八期

本周前端精选文章推荐快速查看20218.09~8.15前端文章精选开源框架Vue3.2正式发布!开源框架Vue3.2正式发布!据了解，此版本包括许多重要的新功能和性能改进，但是不包含较重大的更改。
e_payne·2023-08-15 21:59

Vue3.3.4+Vite使用组合式API开发一个简单的博客+打包上线

创建项目Windowscmd创建一个Vue3.2项目（使用cnpm国内镜像高速构建）开发组件views/Index.vue首页组件components/blogList.vue博客列表components
·2023-08-15 17:32

Windows cmd创建一个Vue3.2项目（使用cnpm国内镜像高速构建）

cnpm安装NPM的全称是NodePackageManager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。由于npm在中国大陆访问速度非常慢，这会导致创建过程下载速度很慢，于是有了cnpm，cnpm是npm的镜像，10分钟同步一次npm镜像以获得最新同步版本，由于cnpm是在国内的，速度和稳定性是非常有保证的，所以采用cnpm进行下载。在命令行工具粘贴下面
·2023-08-15 16:03

Vue3.2 使用笔记总结【自学复习使用】

1、起初Vue3.0暴露变量必须return出来，template中才能使用；2、Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在setup()函数中，
Janicelily·2023-08-14 12:24

vue3.2 之 i18n的使用

目录vue3.2之i18n的使用1：i18n简单使用src/i18n/index.tssrc/i18n/en.tssrc/i18n/zh.tsmain.ts使用效果2：i18n语音的切换components
小小亮01·2023-08-11 22:47

vue3.2setup语法糖，vite2创建vue3.2+ts+vue-router4项目

volar插件替换vetur插件vite配置文件resolve.alias配置项（路径别名使用）1.需要安装插件来支持ts:2.在配置文件导入node模块path并改resolve.alias3.添加配置项vue3.2
欢愉～·2023-08-11 22:44

vue3.2使用i18n实现国际化

什么是i18n？i18n(internationalization)是“国际化”的简称。由于其首尾分别为i和n，中间有18个字符。故简写为i18n。在vue.js中，有vuei18n国际化插件，可以轻松实现项目国际化的操作。如何使用i18n？安装i18n插件npminstallvue-i18n创建所需语言文件(这里仅以中英文为例)中文语言文件：zh_CN英文语言文件：en.ts1.文件en.ts/
_何同学·2023-08-11 22:44

哔哩哔哩移动端项目：Vue3.2 + TS + Axios入门到实战

【课程简介】Vue3.2终于定稿了语法糖，作者尤雨溪自信放话：`+TS+Volar=真香`，黑马前端立刻给大家分享最新的Vue3.2+TS入门到项目实战，做一个B站移动端项目!
骨灰级收藏家·2023-08-11 22:12

【Vue3】新建Vue3.2 + Vite + TS项目

目录一、Vite二、创建项目1、npmcreatevite@latest2、npminstall3、npmrundev三、其他依赖一、Vitevite是尤大（vue作者）写的一个web应用开发工具。首先，vite为什么叫做vite，vite实际上是法语中快的意思，所以顾名思义，这个工具给我们带来的就是更快的开发体验，它实际上是一个面向现代浏览器，基于ECMA标准的ESmodule实现的一个更轻更快
小绵杨Yancy·2023-08-11 22:41

vue3.2 vite typescript element-plus自定义主题颜色，全局修改组件样式

vite.config.ts……exportdefaultdefineConfig(({command})=>{return{resolve:{alias:{"@":resolve(__dirname,"src")},extensions:[".js",".json",".ts"],//导入时想要省略的后缀名，.vue等自定义文件不建议省略，影响IDE识别和提示},//修改element主题色cs
林深灼华·2023-08-11 17:03

Vue3.2 provide inject 祖孙组件传值，响应式

介绍vue3.2中provide和inject的用法和vue2中用法相似；只不过在vue3.2中为了增加响应式数据的处理，我们可以在定义值的时候使用ref或者reactive;在这里，由于我要传递的数据较多
发呆的薇薇°·2023-08-11 15:07

vue3.0 + vite2.0+如何兼容低版本浏览器

这里写自定义目录标题一、问题二、解决三、解决方案四、打包预览一、问题在使用vue3.2和vite2开发一个移动端或者钉钉端H5微服务iosapp内置浏览器打开没问题安卓app内置浏览器打开空白页面vconsole
暴龙战士sama·2023-08-10 22:58

【开源项目--稻草】Day03

.续Spring-Security1.1自定义登录界面2.用户注册2.1将注册页面显示2.2编写控制器进行测试2.3编写注册业务逻辑2.4注册功能的收尾3.VUE3.1VUE的基本使用3.1.1什么是VUE3.2
boy快快长大·2023-08-07 02:57

Vue3.2单文件组件setup的语法总结

setup语法糖setup是Vue3.0后推出的语法糖，并且在Vue3.2版本进行了大更新，像写普通JS一样写vue组件，对于开发者更加友好了；按需引入computed、watch、directive等选项
泪滴在琴上·2023-08-06 18:30

Vue3.2 + Element-Plus 二次封装 el-table（Pro版）

前言ProTable组件目前已是2.0版本，在1.0版本中大家提出的问题与功能优化，目前已经得到优化和解决。欢迎大家在使用过程中发现任何问题或更好的想法，都可以在下方评论区留言，或者我的开源项目issues中提出。如果你觉得还不错，请帮我点个小小的Star一、在线预览Link：admin.spicyboy.cn二、Git仓库地址(欢迎Star⭐⭐⭐)Gitee：gitee.com/laramie/
SYBH.·2023-08-02 08:08

一文掌握 vue3.2 setup 语法糖

提示：Vue3.2版本开始才能使用语法糖！
Java技术人·2023-07-29 20:03

【笔记】vue3.2 给循环的元素加ref

其实这个题目在vue的文档中已经了讲过了。想看官方文档的请点击：官方解决方案本文主要内容是结合element-plus中的el-table，给el-table-column中的元素设置ref，上例子。import{ref,nextTick,onMounted}from'vue'constcolumnRefs=[]constsetColumnRefs=(el)=>{if(el){columnRefs
惘远·2023-07-29 10:47

vue3.2 + elementPlus + Windi CSS + ts创建一个好用的可兼容不同宽高的login页面

1.效果预览2.代码准备导入windiCSS：npmi-Dvite-plugin-windicsswindicsswindiCSS官网：https://cn.windicss.org/integrations/vite.html使用vite创建好你的vue工程sass版本为：1.49.93.WindiCSS在页面中使用@apply二次定义类名方式.left{@applyflexitems-cent
不染-9732·2023-07-26 16:50

vue3.2 setup 语法糖常用简介

提示：Vue3.2版本开始才能使用语法糖！
Mr_Liu攻城狮·2023-07-26 16:13

vue3：vue3.2升级至vue3.3/vue升级版本

一、目标Vue3.2项目到Vue3.3二、操作2.1、更新Vue的版本[email protected]、更新VueCLI的版本如果你正在使用VueCLI来创建和管理你的Vue项目，更新VueCLIpnpmadd-g
snow@li·2023-07-26 05:41

vue3 零碎知识点 记录

setup语法糖Vue3.2中的setup语法糖补充defineModel–父子组件同时可以双向绑定v-model同一个数据源父组件v-model传值给子组件子组件Props（modelValue）接收子组件值变化
天籁晴空·2023-07-24 20:54

Vue3.2 setup语法糖

在Vue3.2版本推出了`setup`语法糖之后，属性和方法都不需要return出去了，组件也不需要注册就可以直接使用了，下面慢慢来介绍。setup基本语法//在script标签加setup...
最爱松露巧克力·2023-07-23 23:11

【vue + vant】修改van-field中的placeholder

1，vue3.2中修改van-field默认的placeholder字体颜色:deep(.van-field__control::-webkit-input-placeholder){color:#9b9da9
chase…·2023-07-19 03:02
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他