vue3.X

vue3.x新特性

1.组合式api替代选项式api,作为组合式api的入口,分离逻辑关注点，将同一个逻辑关注点的代码收集在一起另外，还提供了逻辑复用方案，替代Vue2.xMixin(命名冲突隐患，不同组件间配置化使用不够灵活)使用importdataGetfrom'./dataGet.js';importdataDeletefrom'./dataDelete.js';importdataUpdatefrom'./d
·2022-07-12 14:55

Vue面试题归总

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
·2022-07-12 11:14

vuex在vite&vue3中的简单使用说明

目录vuex在vite&vue3的使用一、说明二、使用vue3.x之vite初体验一、项目搭建二、附项目结构三、附项目启动成功图vuex在vite&vue3的使用注：本文只讲解vite打包vue3中vuex
·2022-07-09 19:51

vue3 vite异步组件及路由懒加载实战示例

目录引言一、前言1-1.三点变化：1-2.引入辅助函数defineAsyncComponent的原因：二、Vue2.x与Vue3.x定义比较2-1.异步组件/路由定义比较2-2.声明方式比较2-3.异步组件加载函数返回比较三
·2022-06-30 11:54

vue 组件通信-全局事件总线

文章目录前言一、vue2.x事件总线二、vue3.x事件总线1.安装第三方库mitt2.注册使用3.将事件总线注册到vue实例4.派发事件的组件5.监听事件的组件前言全局事件总线：任意组件间通信。
YadingLee·2022-06-29 23:40

2021年Vue最常见的面试题以及答案（面试必过）

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？
前端探险家·2022-06-28 20:02

Vite中使用Ant Design Vue3.x框架教程示例

目录引言安装ant-design-vuemain.js引入，全局使用按需引入引言官网:https://www.antdv.com/docs/vue/introduce-cn文档选择vue3版本，也是官网当前推荐的安装ant-design-vuenpmi--saveant-design-vuemain.js引入，全局使用import{createApp}from'vue'importAppfrom'
·2022-06-26 12:03

vue3.x兼容tailwindcss(截至发帖)

1.postcss.config.jsconstpurgecss=require('@fullhuman/postcss-purgecss')({content:['./layouts/**/*.html','./src/**/*.vue','./src/**/*.jsx'],defaultExtractor:content=>content.match(/[\w-/:]+(?
qq_40676272·2022-06-22 14:55

2021前端面试重点梳理

vue路由钩子函数完整的导航解析流程Vue模版编译原理Vue2.x和Vue3.x渲染器的diff算
你吃不饱就好·2022-06-21 22:20

Vue3 版本的生命周期和钩子函数

文章目录一、什么是生命周期二、Vue2.x与Vue3.x生命周期对比1.onRenderTracked2.onRenderTriggered一、什么是生命周期Vue是组件化编程，从一个组件诞生到消亡，会经历很多过程
热忱！·2022-06-20 01:42

Vue3.x下使用VueX4.x

创建Store-Vuex4.xstore—>modules—>user.tsimport{Module}from'vuex';interfaceStoreUser{accountName:string;}constuserModule={namespaced:true,state(){consta=localStorage.getItem('accountName');return{account
Boriska1996·2022-06-18 11:33

新建一个vue2.x项目（idea目前默认创建vue3.x项目）

1.命令行打开vue图像化界面2.浏览器打开如下界面，点击左下角按钮，选择“Vue项目管理器"3.选择“创建”栏，选择好文件创建路径（本地文件夹），点击"在次创建新项目":4.输入项目名，点击下一步5.选择手动配置项目（其他的预设是从前创建项目时保存的配置，选择后可以直接新建项目省去后面选择的配置）6.选择所需的配置Babel,Router和使用配置文件必选。7.选择2.x版本添加element插
微扬嘴角·2022-06-14 18:40

详解vue3.x页面功能拆分方式

目录一、组件二、混入三、api四、vuexvue3.x相对比vue2.x主要的应用区别在于setup的使用，这个也是vue3.x的特色，所有的功能都得通过vue钩子引入使用，因为setup语法糖环境是不支持
·2022-06-14 11:20

【vue3.x】vue3.x基础知识学习

1.vue2.x和vue3.x项目的区别1.1.创建应用实例的方式vue2.x：通过newVue()创建vue根实例，从同一个vue构造函数创建的每一个根实例共享相同的全局配置importVuefrom'vue'importAppfrom
谭CV·2022-06-07 14:40

vue3.0+ 3.x config配置

//参考vue3.x官方文档:https://cli.vuejs.org/zh/config//注意开头被//注释的参数不建议新手轻易改动//默认是没有vue.config.js的，需要手动在根目录下建立并填入需要的配置项如下
、刷刷·2022-06-05 07:51

Vue---- Vue 3.x 中全局配置axios

文章目录vue3.x中全局配置axios0安装axios1.为什么要全局配置axios2.如何全局配置axios3.发起get请求4.发起post请求vue3.x中全局配置axios0安装axiosnpmiaxios1
补笔记查缺补漏中...·2022-06-02 13:50

vue3.x+vite+element-ui+vue-router+vuex+axios搭建项目

一.参考文档vite官方文档vue3.x官方文档vue-router4.x官方文档vuex4.x官方文档element-ui3.x官方文档AntDesignVue2.x官方文档axios文档二.vite
YuShiYue·2022-06-01 17:43

Vue3.x项目开发的一些常用知识点总结

目录一、定义组件属性二、formatter简写三、子父组件通信四、监听组件属性变化五、自定义指令总结PS：以下知识点都是基于vue3.x+typescript+element-plus+setup语法糖使用的。一、定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible
·2022-05-31 10:41

vue3.x几个不看不知道的自动化加载技巧

前言最近鼓捣了一下Vue3+Vite2，遇到了不少问题，整理了5个可以提高开发效率的小知识，让你在Vue3的项目开发中更加丝滑、顺畅。一、setupname增强Vue3的setup语法糖是个好东西，但使用setup语法带来的第一个问题就是无法自定义name，而我们使用keep-alive往往是需要name的，解决这个问题通常是通过写两个script标签来解决，一个使用setup，一个不使用，但这样
·2022-05-23 17:20

vue 从入门到入土---复习 组件高级上

目录watch侦听器组件的生命周期组件之间的数据共享vue3.x中全局配置axios总结watch侦听器1.什么是watch侦听器watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作
前端 贾公子·2022-05-22 21:54

vue3.x页面功能拆分方式

vue3.x相对比vue2.x主要的应用区别在于setup的使用，这个也是vue3.x的特色，所有的功能都得通过vue钩子引入使用，因为setup语法糖环境是不支持this的，这种开发方式有点回到原始的感觉
·2022-05-17 12:04

Vue深入讲解数据响应式原理

目录响应式是什么如何实现数据响应式实现对象属性拦截通用的劫持方案总结响应式是什么简而言之就是数据变页面变如何实现数据响应式在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
·2022-05-17 10:29

深入Vue原理_数据响应式

数据响应式响应式是什么如何实现数据响应式实现对象属性拦截通用的劫持方案总结响应式是什么简而言之就是数据变页面变如何实现数据响应式在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2.x和vue3
几何心凉·2022-05-16 12:21

Vue3.x 的生命周期和钩子函数

Vue3版本的生命周期和Vue2比有了些变化，所以我先站在一个初学者的角度（没有学过Vue2版本的新手），从新讲一下Vue3.x的生命周期，等你完全理解之后，我们再来和Vue2.x的生命周期作一个对比。
一人创客·2022-05-13 09:46

Vue3.x项目开发常用知识点

PS：以下知识点都是基于vue3.x+typescript+element-plus+setup语法糖使用的。一、定义组件属性constprops=defineProps({visible:{type:Boolean,default:false}})console.log(props.visible)[warning]注意：defineProps不用从vue引入，setup语法糖环境会自动识别二、
·2022-05-12 12:22

Vue注册的全局组件配置对象保存的位置

其实我们可以在运行时动态去篡改或者新增一些功能，这个时候我们需要访问这些组件的配置对象Vue2.x版本在Vue.options.components中Vue3.X版本在Vue.create
·2022-05-09 11:33

Vue基础之MV框架和Vue特性

文章目录目录文章目录前言MV框架MV*框架简介MVCMVPMVVMVue特性特性响应式原理Vue3.x新特性compositionAPlVue3.x的变更Vue3.x移除的特性前言大家好，我是遇见ice
遇见ice·2022-05-05 08:19

vue3.x从打包、部署到上线

一、前言作者采用的项目架构：vue3.x+typescript+element-plus+axios，知道这一点很重要，因为目前vue3.x和element-plus还在不断更新迭代中，可能后面又会有所变化
·2022-04-24 09:26

uniapp开发：uniapp之切换vue3，一直使用一直爽

在这里vue3.x的优点就不多说了，反正就是爽。uniapp也是跟紧的步伐，在前几个版本就开始支持vue3.x的使用，甚至在2.9.3的cli版本就开始支持了，更多相关信息查看官方更新日志。
皮皮鱼敲代码·2022-04-22 22:30

vue-property-decorator使用指南

在Vue3.x中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写一、安装npmi-Svue-property-decorator@Prop@PropSync@Provide@Model
大梦无痕·2022-04-22 19:24

vue3.x路由404通配处理

：{path:'*',//会匹配所有路径name:'404',component:()=>import('@/views/404/index.vue')}vue-router4.x通配规则上面的代码在vue3
·2022-04-21 17:34

vue3.0如何在全局挂载对象和方法

目录如何在全局挂载对象和方法1.官方的说明2.更新后的挂载方法3.在全局使用4.但是应用中的this对象已经不再是一个Vue对象了vue3全局挂载和使用如何在全局挂载对象和方法1.官方的说明Vue3.x
·2022-04-19 12:35

vue3.x源码剖析之数据响应式的深入讲解

目录前言什么是数据响应式数据响应式的大体流程vue2.x数据响应式和3.x响应式对比大致流程图实现依赖收集代码仓库结尾前言如果错过了秋枫和冬雪，那么春天的樱花一定会盛开吧。最近一直在准备自己的考试，考完试了，终于可以继续研究源码和写文章了，哈哈哈。学过vue的都知道，数据响应式在vue框架中极其重要，写代码也好，面试也罢，数据响应式都是核心的内容。在vue3的官网文档中，作者说如果想让数据更加响应
·2022-04-12 19:28

vue3项目后台管理系统模板

Vue3.0发布第一个版本至今有一段时间了，到现在一直在更新优化,在性能方面，对比Vue2.x，性能的提升比较明显，打包后体积更小来看下Vue3.x新增了哪些功能和特性。
业__于勤荒于嬉·2022-04-12 17:00

分享 15 个 Vue3 全家桶开发的避坑经验

一、Vue31.Vue2.x和Vue3.x生命周期方法的变
·2022-04-11 12:04

分享 15 个 Vue3 全家桶开发的避坑经验

一、Vue31.Vue2.x和Vue3.x生命周期方法的变
·2022-04-09 18:14

Vue3.x为什么要用Proxy来代替Object.defineProperty?

文章目录什么是ProxyObject.definePropertyvue3为什么要用proxy？vue的新版本(和重写版本)出现有两个关键的因素：proxy对比Object.defineProperty总结什么是Proxyproxy：代理,JavaScript中用来表示由它来’代理’某些操作。通常，当谈到JavaScript语言时，我们讨论的是ES6标准提供的新特性，本文也不例外。我们将讨论Jav
柠檬树上柠檬果柠檬树下你和我·2022-04-07 11:22

VUE学习-入门

为啥用VUE2、VUE的使用2.1、环境搭建2.1.1、nodejs安装2.1.2、npm安装2.1.3、vue-cli安装2.2、创建项目VUE-CLI2.X目录结构相关常用命令vue2.X相关命令vue3
liushangzaibeijing·2022-04-03 13:18

Vuex中getters和actions的使用补充说明

前置说明1.Vue2.x和Vue3.x区别:在Vue3.x中,没有辅助函数.其他关于Vuex的使用没有区别.2.此处只对于Vuex的几个属性中的使用做扩展补充.getters补充当getters写在子模块中时
·2022-03-30 13:04

vue3.x 使用jsplumb实现拖拽连线

本文实例为大家分享了vue3.x使用jsplumb实现拖拽连线的具体代码，供大家参考，具体内容如下如果想在vue2里面使用jsplumb可以查看文章，下面讲解如何在vue3.x里面使用jsplumb进行拖拽连线
·2022-03-29 18:46

一.vue3安装

目前最新版本是Vue3.x。Vue3.x发布于2020年9月19日，在Vue2.x的基础上面进行了一些优化，对TypeScript有更好的支持。Vue3.x的语法和Vue2.x非
小柠有点萌·2022-03-28 19:01

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI的优势关注我，不迷路vue3
皮皮鱼敲代码·2022-03-24 00:57

vue3.x 中安装sass

首先执行以下命令安装style-resources-loadervueaddstyle-resources-loader然后安装node-sasssass-loadersass等依赖npminstallnode-sasssass-loadersass-D若出现如下图报错信息（SyntaxError:TypeError:this.getOptionsisnotafunction），可能是由于sass
jing_bao·2022-03-22 14:08

项目框架vue2.x版本升级到vue3.0版本

主要模块升级对应版本vue2.x与vue3.x的区别升级过程中遇到的问题项目发布一、为什么要升级框架？
绘梦_·2022-03-10 15:40

vite2.x + ts4.x + vue3.x 初使用

参考资料Prettier官网EsLint官网EsLintRulesvue3+ts+EsLint+Prettier规范代码VSCode中ESLint、Prettier配置冲突问题原因及解决方案项目配置1.1初始化npminit@vitejs/appmy-vue-app----templatevue-ts1.2配置eslint1.2.1安装npmi-Deslint1.2.2配置npxeslint--i
无疆wj·2022-03-09 09:34

vue3-hash-calendar，一款基于vue3.x开发的移动端日期时间选择组件终于来了

在大家的催更下，鸽了一天又一天，vue3-hash-calendar终于在今天诞生了。按照惯例，先上效果图Demo扫描上方二维码或者请用浏览器的手机模式查看：https://www.hxkj.vip/demo/calendar/觉得好用可以给一个star哦~~仓库地址github：https://github.com/TangSY/vue3-hash-calendar码云gitee：https:/
·2022-02-28 23:22

vue3-hash-calendar，一款基于vue3.x开发的移动端日期时间选择组件

在大家的催更下，鸽了一天又一天，vue3-hash-calendar终于在今天诞生了。按照惯例，先上效果图Demo扫描上方二维码或者请用浏览器的手机模式查看：https://www.hxkj.vip/demo/calendar/觉得好用可以给一个star哦~~仓库地址github：https://github.com/TangSY/vue3-hash-calendar码云gitee：https:/
HashTang·2022-02-28 22:00

Vue3.x最小原型系统讲解

目录一、项目初始化二、引入UI框架1.安装element-plus包2.在main.js文件中全局引入三、引入状态管理器Vuex1.安装对应的vuex包2.在文件夹下建立对应的文件目录，按如下指令执行即可构建其最简单结构3.在建立好目录结构后，按照如下文件即可实现对应文件中的内容4.然后在main.js文件中引入该部分内容四、引入路由Vue-RouterVue1.安装对应的vue-router包2
·2022-02-16 13:12

瞧，Vue3.x最小原型系统就是这么简单

相信现在有很多人在用Vue3.0开发项目，但是很多时候没有机会从零开始搭建一个项目，毕竟只有负责人才会有机会将框架给我们搭建出来，然后我们在此基础上进行业务迭代、模块开发，今天就一起来从零搭建一个Vue3.0的最小原型系统，让人人都具备从零开启一个项目的能力。一、项目初始化既然用Vue3.0构建最小原型系统，那么肯定要用尤大的最新构建工具Vite来进行项目的初始化，初始化指令如下所示：npmini
前端点线面·2022-02-15 09:30

瞧，Vue3.x最小原型系统就是这么简单

相信现在有很多人在用Vue3.0开发项目，但是很多时候没有机会从零开始搭建一个项目，毕竟只有负责人才会有机会将框架给我们搭建出来，然后我们在此基础上进行业务迭代、模块开发，今天就一起来从零搭建一个Vue3.0的最小原型系统，让人人都具备从零开启一个项目的能力。一、项目初始化既然用Vue3.0构建最小原型系统，那么肯定要用尤大的最新构建工具Vite来进行项目的初始化，初始化指令如下所示：npmini
·2022-02-14 23:21
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他