Vue3.X

第六讲、Vue3.x中使用JavaScript表达式 、条件判断、 计算属性和watch侦听

一、Vue3.x模板中使用JavaScript表达式业务逻辑:data(){return{number:1}}template模板：{{number+1}}{{ok?'
我爱张智容·2023-12-03 03:29

Vue3.x 中 hooks 函数封装和使用

一、hooks是什么vue3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用。它的主要作用是Vue3借鉴了React的一种机制，用于在函数组件中共享状态逻辑和副作用，从而实现代码的可复用性。注意：其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。二、hooks的优点hooks作为独立
muzidigbig·2023-12-02 22:25

Vue 和 React 的优点分别是什么？如何选择？

JNPF-Web-Vue3的技术栈介绍（1）Vue3.x（2）Vue-router4.x（3）Vite4.x（4）Ant-Design-Vue3.x（5）TypeScript（6）Pinia（7）Less
虚无火星车·2023-12-02 05:47

通过Webpack5 手动搭建一个 Vue3.x + typescript 开发环境

目录前言项目初始化集成babel集成样式处理js集成到页面配置开发服务器配置清除打包文件集成TypeScript集成Vue3前言官方已经存在Vue3.x脚手架，完全没有必要使用手动搭建，当然这里手动搭建只是加深对技术的理解
敢敢-李·2023-11-30 05:45

Vue3.x使用富文本tinymce-vue

官方文档：https://github.com/tinymce/tinymce-vuehttps://www.tiny.cloud/docs/integrations/vue/#tinymcevuejsintegrationquickstartguide一、安装npminstall--save@tinymce/tinymce-vue二、下载汉化包地址：https://www.tiny.cloud/
qq_36306693·2023-11-30 01:59

2022-04-12 解决vue3 vite环境下: does not provide an export named 'xxxxxx'

背景：在vite工程下，使用Vue3.x、Vue-router时报错：doesnotprovideanexportnamed'xxxxxx'举例：使用vite创建工程后,通过npmi--savevue-router
追寻1989·2023-11-29 15:59

vue3：自定义组件之v-model父子组件双向绑定

vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{prop:'value',//3.x默认值改为了modelValueevent
Mosowe·2023-11-27 06:46

通过vue/cli创建vue3项目

安装nodejs：nodejs：win10安装为保证版本，建议先全局卸载vue-cli：npmuninstallvue-cli-g安装vue3.x：npminstall-g@vue/cli查看当前版本：
玩转测试开发·2023-11-26 10:58

VUE3.x

vue3搭项目的配套方案:vite+vue3+pinia+vue-router4一.概述vue3最大的改进:用proxy重写响应式ES6,即ES2015越灵活的东西,越不可控扩展性更好,代码更不容易组织.追求什么,就要牺牲点别的,达到平衡vue3的改进1.TS重构TypeScript带类型的js,先编译转换为js,再?让程序员的代码质量更高,尤其是大型项目2.用JS的新特性Proxy重写响应式vu
假以时日♪·2023-11-25 08:08

vue（vue2.x & vue3.x） 使用 lodash

前人栽树，后人乘凉vue3.x的时代，已然来临。相对于vue2.x的版本，是有很大的变化出入。
Dark_programmer·2023-11-24 10:10

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diff算法有以下过程同级比较，再比较子节点先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点，将旧的子节点移除)比较都有子节点的情况(核心diff)递归比较子节点正常Diff两个树的时间复杂度是O(n^3)，但实际情况下我们很少会进行跨层级的移动DOM，所以Vue将Diff进行了优化，从O(n^3)->O(n)，只有当新旧children都为多个子节点时才需要用
抽疯的稻草绳·2023-11-22 06:01

vue3.x实现word文件的预览

最近开发了一个需求，要求实现预览图片、pdf、excel、word、txt等格式的文件；每种格式的文件想要实现预览的效果需要使用对应的插件，如果要实现word格式文件的预览，要用到哪种插件呢？答案：mammoth.browser.min.js我先转载一篇文章大家看看，我的实现方式和文章中差不多。一、Mammoth.js简介Mammoth旨在转换.docx文档（例如由MicrosoftWord创建的
时清云·2023-11-22 01:02

vue组件不需要引入就可以用了？

导入组件importuniRatefrom'@/components/uni-rate/uni-rate.vue';exportdefault{components:{uniRate}//2.注册组件}Vue3
不知名程序猿--·2023-11-19 00:40

Vue3.x中使用AntV G6绘制力导图实现自适应

Vue3.x中使用AntVG6绘制力导图实现自适应一、需求需求1：Vue3.x项目下使用AntVG6绘制力导图谱需求2：图谱节点为两个IP地址，节点间存在多条连线情况需求3：鼠标悬浮到节点上方时，高亮当前节点并出现
BreenCL·2023-11-16 10:20

顺藤摸瓜：用单元测试读懂 vue3 watch 函数

在Vue3.x的CompositionAPI中，我们可以用近似ReactHooks的方式组织代码的复用；ref/reactive/computed等好用的响应式API函数可以摆脱组件的绑定，抽离出来被随处使用了
tonylua·2023-11-14 21:01

HBuilderX vue3.X 设置路由

1安装和导入这里不讲，自行搜索2新建个router.js类router.js内容import{createRouter,createWebHistory}from"vue-router"importHomefrom'../views/Home.vue'importLoginfrom'../views/Login.vue'constroutes=[{path:'/',name:'Home',comp
龙之吻·2023-11-13 00:33

vue脚手架(vue-cli)，vue2，vue3，ref引用，路由和路由插件（vue-router），路由导航守卫，插槽

是单页面应用程序如何快速创建vue的SPA项目vue官方提供了两种快速创建工程化的SPA项目的方式：1.基于vite创建SPA项目2.基于vue-cli创建SPA项目vitevue-cli支持的vue版本仅支持vue3
xiongxinyu10·2023-11-11 21:16

android6 全局对话框,vue3.0自定义组件|vue3仿android/ios弹框|Vue3.x全局对话框

介绍前几天有给大家分享一个vue2弹框组件，今天主要分享的是Vue3.0实现轻量级移动端自定义弹出框组件V3Popup。V3Popup一款基于vue3.0开发的移动端自定义弹出层组件。内置20+种参数配置、7+弹窗类型、6+弹窗动画支持msg、dialog、modal、actionSheet、toast、android/ios等弹窗类型。并且在功能效果及UI上和之前的vue2保持一致。快速引入在m
華先生·2023-11-11 14:05

VUE3.x 前瞻

文档：APIReference教程课件1.初始化项目//①npmi-g@vue/cli//②vuecreatemy-project//③npminstall@vue/composition-api-S//④main,jsimportVuefrom'vue'importVueCompositionApifrom'@vue/composition-api'Vue.use(VueCompositionA
weixin_30244889·2023-11-11 13:32

vue3 mitt进行组件通信

/App.vue'//引入mittimportmittfrom'mitt'constapp=createApp(App);//vue3.x的全局实例，挂载在config.globalProperties
泰语小分队·2023-11-10 22:10

vue3 - 使用 mitt 进行组件通信（详细示例教程）

介绍Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
街尾杂货店&·2023-11-10 22:10

[vue-router]vue3.x Hash路由前缀问题

[vue-router]vue3.xHash路由前缀问题问题描述问题分析问题描述是在本地开发时，使用的HASH路由，然后在偶然的情况下在/#/前添加了前缀，发现不影响本地的路由的使用？？？！！！例如，本地正常情况下哈希路由是：http://localhost:8080/#/user添加前缀：http://localhost:8080/fly/#/user本地时，以上两种情况均可正常查看页面，然后担
三知之灵·2023-11-09 03:18

Vue3.x 全局 API 变更

目录一、回顾Vue2.x二、一个新的全局API：createApp三、config.productionTip移除四、config.ignoredElements替换为config.isCustomElement五、Vue.prototype替换为config.globalProperties六、插件使用者须知七、挂载App实例八、Provide/Inject九、在应用之间共享配置一、回顾Vue2
小草莓蹦蹦跳·2023-11-08 09:56

Vuepress 文档脚手架(vue 3.x+vuepress2.x+vite+ts)

这里提供一个解决方案，那就是Vuepress框架，最新的Vuepress2.x框架已经蓄势待发，支持Vue3.x。
IT飞牛·2023-11-08 01:55

vue 常用知识点梳理

2、Vue3.x响应式数据原理Vue3.x改用Proxy替代Object.defineProperty。因为Proxy可以直接监听对象和数组的变化，并且有多达13种拦截方法。并且作为新标准将
笑着仰朢陽光·2023-11-07 14:16

Vue 3 迁移策略笔记—— 第30节：新增功能——Teleport

Teleport是Vue3.x新增自定义元素，借助Teleport可以控制Teleport内部的内容挂载到具体的元素中。场景模拟我们先看这样的一个场景在一个多层嵌套的组件中，我们构建了一
杰~JIE·2023-11-06 09:52

Vue.use的使用和基本原理

Vue.use的使用和基本原理介绍与使用Vue.use源码介绍与使用Vue.use()（vue2.x是Vue.use,vue3.x是app.use）在vue中使用很多，比如ElementUI,vantUI
Boale_H·2023-11-05 23:40

基于Vue3+Element-Plus的拖拽式表单设计器

AK-Design拖拽式表单设计器AK-Design是一个纯前端的拖拽式、可视化、低代码数据可视化设计器开发平台，主包括表单设计、列表页设计、流程设计、数据可视化大屏设计、数据统计设计使用基于Vue3.
dsyuan001·2023-11-05 07:14

Vue 3 迁移策略笔记—— 第6节：自定义指令

概述为了更好的与组件生命周期保持一致，Vue3.x对自定义指令的钩子函数进行了重命名。
杰~JIE·2023-11-05 05:57

npm run serve 和 npm run dev 的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例如：在vue项目终端，
牛油的果·2023-11-03 14:35

vue3.x + elementplus 设置el-tree指定节点展开

首先：在el-tree标签上绑定官方属性current-node-key=""，如下代码所示：其次：获取该el-treedom节点后赋值即可，如下代码所示：import{ref,reactive,onMounted,nextTick}from'vue';//创建变量treeRef并赋值，同时html模板上的ref=treeRef,这样才可以获取到该dom节点。获取dom节点还是要treeRef.v
皮蛋灬·2023-11-02 06:14

vue3定义和使用全局变量方法，vue3中使用echarts

文章目录前言一、定义和使用全局变量1.定义2.使用前言在我们使用vue3.x的时候，有些特性还是跟vue2.x区别很大的，这里讲下echarts的使用和怎么定义和使用全局变量vue2中是：Vue.prototype
bittingCat·2023-11-02 02:48

全网第一篇：Vue 3.x + Element Plus 动态数据的分组checkbox全选实现方案(含Vue 2.x和Element UI写法）

目录最终效果：实现步骤（Vue3.x）1.ElementPlus/ElementUI的checkbox组件介绍2.加载数据3.渲染组件到页面4.处理全选/单选事件5.提交选中的数据附：Vue2.x和老版
六吨代码·2023-11-01 01:54

vue3使用＜script setup＞语法糖后如何在父组件用ref调用子组件的方法

vue3使用setup语法糖后如何在父组件用ref调用子组件的方法什么是setup语法糖根据vue3.x官方解释script是在单文件组件(SFC)中使用组合式API的编译时语法糖。
lihaijin8090·2023-10-31 12:47

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境

Vue3跟Vite正式版发布有很长一段时间了，生态圈也渐渐丰富起来，作者已在多个项目中使用，总结一下：就是快！也不用担心稳定性问题，开发体验真不是一般好！还没尝试的同学可以从本文开始学习，从0开始手把手带你搭建一套规范的Vite+Vue3+TypeScript前端工程化项目环境。本文篇幅较长，从以下几个方面展开：架构搭建代码规范提交规范单元测试自动部署本项目完整的代码托管在GitHub仓库，欢迎点
飞歌Fly·2023-10-31 07:22

初学Vue遇到的问题及解决

Vue3.x创建项目的命令：vuecreatexxx。二.创建项目时报错：npmERR!UnexpectedendofJSONinputwhileparsingnea
钦点秀才·2023-10-30 00:52

Vue 3 迁移策略笔记—— 第17节：Key 属性

概述Vue3.x给v-if/v-else/v-else-if分支添加key属性不再是必须的了。因为在Vue3.x中，Vue会自动生成唯一key。对的key应该添加到标签中，而不是放在其子标签中。
杰~JIE·2023-10-29 01:59

vue3.x 脚手架搭建全流程

第一步，当然是更新本地环境啦打开vue官网，找到上面的点进去,点击安装，里面有详细的教程，输入npminstall-g@vue/cli复制代码安装好了以后，找到一个干干净净的终端，可以但不限于vscode的终端，开敲~敲完回车，会出来是哪个选项~1.第一个和第二个咱不看，创建含有括号内的内容的脚手架，默认的有啥意思，选择第三个，自己选择，大力点回车2.到这一步会出来很多东西，一个个说（1）第一个就
magnetoY·2023-10-28 21:50

vue3教程

响应性api在vue3.x中如果想让数据在改变时，视图层也相应发生变化就需要使用到响应性api。
喵十一点半·2023-10-28 21:19

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境

架构创建1.使用vite4.x创建#1、输入下面的命令使用此命令创建vite项目npmcreatevite@latest#2、输入项目名称#3、选择项目类型此模板选择的vue#4、选择TS#5、安装依赖npmi#6、启动项目npmrundev你还可以通过其他模板来创建，可以参考vite官网2.更改vite配置文件import{defineConfig}from"vite";importvuefro
嘤嘤怪呆呆狗·2023-10-28 11:17

Vue 3 迁移策略笔记—— 第10节：事件 API

知识储备4个事件API:Vue3.x的emitsOption概述Vue3.x移除了$on、$off和$once这三个事件相关的API。
杰~JIE·2023-10-26 21:44

Vue3 创建项目

Manuallyselectfeatures自定义配置3选择配置：使用空格确认/取消，回车确定：Babel降级处理CSSPre-processorsCSS预处理器Linter/Formatter代码检查4选择vue3
不叫虎子·2023-10-26 14:15

Vue3.x开发文档

Vue3.x开发文档1特点渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
圆圆爱喝可乐·2023-10-26 02:01

Vue3.x中的生命周期和钩子函数（部分）

在Vue3.x中，钩子函数做了一些改动，我们通过下面的例子框架来了解它。{{index}}:{{item}}你选择了【{{selectOne}}】import{ref,reacti
together UP·2023-10-26 00:28

nvm 管理多版本node

由于之前的项目用的是Angular6开发的，依赖node10，新的vue项目用vue3.x,需要更高的node版本，但又不能简单升级node，否则之前的项目就没法在本地跑了，所以查了下相关多版本管理的资料
码非马·2023-10-23 20:08

FormMaking V3 发布，支持 Vue3 的可视化低代码表单设计器

简介FormMakingv3是基于Vue3.x和ElementPlus开发的可视化/低代码表单设计器，可以生成Element和Antd样式的表单。
GavinZhulei·2023-10-23 18:04

尝鲜vue3.x+typeScript（toDolist）案例

就是感受了下ts的一些语法以及vue3.x的一些新特性。
_小郑有点困了·2023-10-19 10:30

初探Vue3.x的Composition API新开发模式

点击阅读原文概述vue2和vue3两个版本的响应式原理以及开发模式和写法都有很大的改变，这里仅示例组件的新开发模式vue2vue2的开发模式是选项型（OptionsAPI）会发现OptionsAPI约束了各个模块的代码，可以很直观的看到在相应的位置做了什么事情vue3vue3的开发模式是组合型（CompositionAPI）现在换成CompositionAPI后，不再有模块的分离，所有的API都写
哈喽雷雷·2023-10-19 06:59

[开源]MIT开源协议，基于Vue3.x可视化拖拽编辑，页面生成工具

一、开源项目简介AS-Editor基于Vue3.x可视化拖拽编辑，页面生成工具。提升前端开发效率，可集成至移动端项目作为通过定义JSON直接生成UI界面。
TNT报社·2023-10-18 20:40

vue3之Composition API详解

CompositionAPI也叫组合式API，是Vue3.x的新特性。通过创建Vue组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。
程序员poetry·2023-10-18 08:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他