Vue3.0

vue3.0和2.0的区别

Vue-cli3.0于兼容性不是很好，命令有不少变化，不是特别的乐观vue3.0的发布与vue2.0相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；更快1、virtualDOM完全重写
SY·2023-08-29 05:12

预计今年发布的Vue3.0到底有什么不一样的地方？

-w949还有几个月距离vue2的首次发布就满3年了，而vue的作者尤雨溪也在去年年末发布了关于vue3.0的计划，如果不出意外，我们将在今年的某个时间点见证Vue3.0的发布，虽然前几天在《StateOfJS
周小肆·2023-08-28 15:10

Vue3.0极速入门- 目录和文件说明

目录结构以下文件均为npmcreatehelloworld自动生成的文件目录结构目录截图目录说明目录/文件说明node_modulesnpm加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里assets放置一些图片，如logo等。componentsvue组件文件的存放目录,也是主要的工作目录App.vue项目入口文件，我们也可以直接将组件写这里，而不使用compone
xsqsharp·2023-08-27 10:56

Vue3.0极速入门 - 环境安装&新建项目

Vue介绍Vue.js是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。说明官方指南假设你已了解关于HTML、CSS和JavaScri
xsqsharp·2023-08-27 10:56

Vue3.0极速入门 - 登录demo

Talkischeap,Showthecode·在完成npm和vue的环境安装，并了解了基本的目录和文件结构以后，直接写一个带登录和首页的demo做示例，快速了解一个vue工程的创建和基本的页面跳转第一步创建工程1、选择手动模式创建工程npmcreateapp-demo2、添加router到工程中第二步：创建登录页面1、新建文件2、文件代码LoginByCode.vueexportdefault{
xsqsharp·2023-08-27 10:56

Vue3.0 新特性以及使用变更总结

Vue3.0在2020年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0。去年年底我们新项目使用Vue3.0来开发，这篇文章就是在使用后的一个总结，包含Vue3新特性的使用以及一些用法上的变更。
xsqsharp·2023-08-27 10:52

vue3.2版本新特性

起初vue3.0暴露变量必须return出来，template中才能使用importFoofrom'./Foo.vue'importBarfr
老鼠AI大米_Java全栈·2023-08-27 08:00

vue ui 创建项目没有反应

问题cmd中输入vueui没有反应解决办法vueui命令需要vue3.0以上的版本才可以1、查看当前版本vue--versionvue版本在3.0以下是没有ui命令的2、查看版本所拥有的命令vue-h3
饭团煲·2023-08-27 02:25

vue3.0配置文件vue.config.js

//引入webpackconstwebpack=require('webpack');constpath=require('path');const{config}=require('process');constresolve=dir=>path.resolve(__dirname,dir)constVersion=newDate().getTime();//当前时间为了防止打包缓存不刷新，所以
qq_39037897·2023-08-26 20:47

【vue3.0中ref与reactive的区别及使用】

什么是ref与reactiveref与reactive都是Vue3.0中新增的API，用于响应式数据的处理。1.refref是一个函数，可以用于将一个普通的数据类型转换成响应式数据。
cv全粘工程师·2023-08-26 17:57

【vue3.0 使用组合式定义组件】

Vue3.0中通过使用setup函数来定义组件。setup函数接收两个参数，第一个参数是组件的props，第二个参数是一个上下文对象，可以通过它访问到与组件相关的数据和方法。
cv全粘工程师·2023-08-26 17:26

【vue3.0 引入Element Plus步骤与使用】

全局引入ElementPlus1.安装ElementPlus2.引入ElementPlus3.使用ElementPlus组件ElementPlus是一个基于Vue3.0的UI组件库，它是ElementUI
cv全粘工程师·2023-08-26 17:25

Vue3.0马上就要来了,TypeScript学会了没？

4月份的Typescript总结https://www.jianshu.com/p/a012c5017ce4可以配合这篇文章一起学习哈～GitHub代码笔记https://github.com/LanHai1/typescript1⃣️、Typescript介绍Typescript是由微软开发的一款开源的编程语言Typescript是JavaScript的超集遵循最新的ES6、ES5规范，Type
蓝海00·2023-08-26 15:31

553、Vue 3 学习笔记 -【创建Vue 3.0工程（一）】 2023.06.30

目录一、Vue3介绍1.Vue3官方文档2.Vue3带来了什么1.1性能的提升1.2源码的升级1.3拥抱TypeScript1.4新的特性二、创建Vue3.0工程1.使用vue-cli创建2.使用vite
youyouwuxin1234·2023-08-26 14:47

554、Vue 3 学习笔记 -【常用Composition API（二）】 2023.06.30

CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理5.reactive对比ref二、参考链接一、常用CompositionAPI1.拉开序幕的setup（1）Vue3.0
youyouwuxin1234·2023-08-26 14:47

[uniapp] 多端开发时技术选型的一些坑

真是一步一坑啊uView不支持vue3，但在社区中找到了份同时支持Vue3.0和Vue2.0的uView，但测试后最终已失败告终vant3的vue版本不兼容微信小程序uniapp创建的vue2项目，不能引入
Voices_·2023-08-26 14:00

Vue3.0接入踩坑记录

Vue3.0响应式原理//通过Proxy代理数据，实现对数据所有属性的set,get监听以实现数据绑定，并返回一个包装对象constdata={name:"bob",age:18,};//被代理的data
漫 漫，·2023-08-25 13:41

Vue实战项目踩坑记录一

在公司做了几个项目，但都是写的业务代码，没有独自走过整体流程，这次跟着网上教程（Vue实战项目：电商管理系统（Element-UI）），提升一下整体能力一、elementUI不支持vue3.0跟着视频一顿操作
YogoProgrammer·2023-08-25 13:10

【vue 3.0 中使用vue-router详细步骤】

Vue3.0中使用vue-router的步骤如下：1.安装vue-router：2.创建一个单独的文件：3.main.js配置路由：4.在App.vue中使用``组件：5.在路由的组件中使用``组件进行导航
cv全粘工程师·2023-08-25 08:03

【创建vue3.0 加vite 加 pinia 加 router 项目详细步骤】

下面是详细步骤：全局安装vitenpminstall-gvite创建vue3.0项目npminitvite@latestproject-name在安装过程中，您将被要求选择所需的特性集。
cv全粘工程师·2023-08-25 08:33

vue3.0定义组件

一、介绍定义组件源码：二、提取props组件ps：用于多个组件共用的props未提取之前遇到的问题age为必填项，为何在mounted里会显示undefined解决办法:在定义里加了asconst理由：vue-next（vue3的源码）中，设置defineComponent为readonly只读，所以vue不会认为定义的常量是只读的，需要加上asconst表示为只读三、组件应用四、介绍ref定义单
在路上`·2023-08-25 03:39

vue3（#default)插槽写法，el-table中写三元表达式判断状态值

vue中最新版插槽的使用，最新版本的vue3.0(#default)插槽写法最近项目中遇到的问题，表格做判断，后端返回数字值，根据数字写三元表达式这是最新版vue3.0（#default）插槽写法，不用写
路过的假面骑士dcd·2023-08-24 23:13

Vite 按需引入 Ant Design Vue 3.0

描述：最近尝试用Vite构建了Vue3.0的项目，组件库选用的是AntDesignVue3.0，在按需加载引用上踩了很多坑，在此记录一下过程：antd的官网的使用介绍是在vite.config.js文件中引用
朽木无垢·2023-08-24 15:31

【VUE 3.0 全局注册方法与组件】

全局注册注册组件注册方法注册组件在Vue3.0中，你可以使用createApp方法来创建一个应用实例，并使用该实例的component方法来注册全局组件。
cv全粘工程师·2023-08-24 10:57

Vue3面试题

6.vue2.0和vue3.0有什么区别？双向绑定更新7.reactive与ref的区别？1.vue3新特性有哪些？1、性能提升响应式性能提升，由原来的Objec
不想起名55·2023-08-24 03:16

手写Vue3响应式数据原理

2.vue2.0和vue3.0有什么区别？双向绑定更新？3.Vue是如何实现数据双向绑定的？4
不想起名55·2023-08-24 03:46

Vue3.0七大亮点

大家好，我是漫步，Vue3.0出来了一段时间，刚出来时，我翻译过几篇文章，可以看看：第一篇：Vue3.0中令人激动的新功能：CompositionAPI第二篇：Vue3.0中令人激动的新功能：Fragment
前端开发博客·2023-08-23 22:24

vue-cli+webpack 搭建vue3.0项目

vue-cli要升级到4.5npminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看安装之后的vue-cli版本vue--version@vue/cli4.5.8进入目标目录，创建webpack项目vueinitwebpack项目名称下面就按照提示根据需求逐步进行敲入>Projectname>Projectdescription>Author>Vuebuilds
MyLee·2023-08-23 17:31

基于Vue3.0的优秀低代码项目

借助Vue3.0的强大功能和简洁易用的语法，你将能够轻松打造出最令人瞩目的低代码项目。低代码开发正成为当前企业提升运营效率、降低开发成本的首选方案。
胖头鱼不吃鱼-·2023-08-23 17:08

Vue3 setup 在渲染函数中通过ref访问Dom元素

Vue3.0中新增了CompositionAPI,在使用h函数渲染vnode时，如果需要使用ref,和vue2.0中有所不同。
废柴前端·2023-08-23 09:27

vue3.0树形表格插件vue-table-with-tree-grid（vue.2.0）替换 vxe-table（vue3.0）

由于看黑马，视频，那个vue-table-with-tree-grid在vue3不能用，所以用这个替换下vxe-table官网https://vxetable.cn/#/table/start/install查看giteehttps://gitee.com/xuliangzhan_admin/vxe-table查githubhttps://gitcode.net/mirrors/xuliangzh
内心的一片海·2023-08-22 17:56

Vue3.0+vite2.0+elementPlust+vuex4.0+vue-router4.0

Vue3.0已经发布了好几个月了，之前学了一点vue3.0的东西，感觉和目前vue2.0差距还是比较大的，最近公司项目不是很紧张了，加上配套的生态也差不多快了。
暖年的咆哮·2023-08-22 11:09

组件二次封装之自定义 v-model

目录vue2.0vue自定义v-model实现uniapp小程序中实现自定义v-model使用sync语法糖实现类似v-model的功能vue3.0自定义v-model修改自定义组件默认propvue2.0
丿刘先森·2023-08-22 04:18

vue3.0 element plus表格循环出的输入框进行校验(setup语法糖)

el-table表格循环的输入框如何进行校验元提交import{ref}from'vue'//这里面是引入共工的自定义校验的方法，没有可以删除import{verifyGreaterThanZero}from'@/utils/validate'//表单formconstformTableRef=ref()//校验规则construles={purchaseNum:[{required:true,m
skyblue_afan·2023-08-21 21:17

Vue3+ElementPlus+TS

使用技术Vue3.0全家桶(Vue-Cli、Vue-Router、Vuex、Axios、Webpack)ElementPlusTypeScriptEcharts代码规范配置husky、commitizen
ianutt·2023-08-21 21:17

vue3.0中手写商品放大镜效果

实现效果实现分析（1）基础组件布局goods-info.vue父组件importGoodsImagefrom'./components/goods-image.vue'exportdefault{components:{GoodsImage}}.goods-info{min-height:600px;background:#fff;display:flex;.media{width:580px;h
奥特曼　·2023-08-21 07:01

vite初始化vue3.0项目——配置router和vuex

安装构建vue-router安装相关依赖yarnaddvue-router@next创建router/index.js文件创建路由对象并抛出import{createRouter,createWebHashHistory}from'vue-router'importHomefrom'@/views/home.vue'constRouter=createRouter({history:createW
啥名都不好起·2023-08-21 00:37

TypeScript+Vue3.0X集成开发

TypeScript中文手册-TypeScript中文手册(bootcss.com)技术选型：TypeScript及TypeScript在vue3.0项目中的基本使用_vue3typescript_Jeasu
乖乖的成长日记·2023-08-20 10:26

SpringBoot + Vue 微人事项目(第一天)

vuecreatelogin_security//创建名字为login_security项目2、项目配置等待后弹出选项窗口，询问用户以什么模板方式进行安装Default([Vue3]babel,eslint)：默认预设配置，会快速创建一个Vue3.0
小鱼干Ծ‸Ծ·2023-08-20 04:00

什么是 Vite

Vite是vue的作者尤雨溪在开发vue3.0的时候开发的一个基于原生ES-Module的前端构建工具。
鹤仔z·2023-08-19 03:56

vue2.0/vue3.0学习笔记——2022.08.16

vue2（查漏补缺）一、vue基础内置指令（查漏补缺）1、v-text更新元素的textContent2、v-html更新元素的innerHtml3、v-cloak防止闪现，与css配合:[v-cloak]{dispaly:none}4、v-once在初次动态渲染厚，就视为静态内容了；后面数据的改变不会引起v-once所在结构的更新，可以用于优化性能5、v-pre跳过其所在节点的编译过程；可利用它
bug天天写·2023-08-18 15:14

vue3.0子组件接收父组件的值以及调用父组件的方法

vue3.0子组件使用父组件的值以及调用父组件的方法父组件使用子组件，并向子组件中传值和方法子组件接收父组件的值以及调用父组件的方法父组件使用子组件，并向子组件中传值和方法html:使用v-bind即:
Sunshinedada·2023-08-18 11:38

【Vue3.0 ——指令学习】

v-text期望值是stringv-html期望值：string注意：在你的站点上动态渲染任意的HTML是非常危险的，因为他很容易导致XSS攻击。请只对可信内容使用HTML差值，绝不要将用户提供的内容作为插值scoped将不会作用于v-html，可以使用cssmodulescssmodules用法：https://blog.csdn.net/weixin_47416539/article/deta
聚宝盆_·2023-08-18 07:35

vue3.0全局挂载自定义组件

vue3.0全局挂载自定义组件效果示例图代码示例components/show-toastinitToast.jsshow-toast.vuemain.js页面使用案例效果示例图代码示例components
miao_zz·2023-08-18 03:46

vue3.0 挂载全局api 和 全局自定义方法 或 Provide、inject全局变量和方法

一、全局api1、新建一个api文件api.jsconstBASE_URL=import.meta.env.VITE_BASE_API://环境变量exportconsturl={LOGIN:`${BASE_URL}/api/login`,//登录LOGIN_CODE:`${BASE_URL}/api/captchaImage`,//获取验证码}2、在main.js中挂载到全局main.jsimp
心若向阳(*￣︶￣)·2023-08-18 03:45

Vite 是否可以代替 Webpack ？

从Vue3.0发布之后，Vite构建工具也随之慢慢被开发者提及，尤大也对Vite极力推荐。比较之前我们使用的Webpack，他到底有什么优势呢？我们从多个维度对比俩者的差异。
前端小小白zyw·2023-08-17 21:41

vue3.0找不到模块“./App.vue”或其相应的类型声明。

//vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明//报错原因：typescript只能理解.ts文件，无法理解.vue文件//报错原因：javascript只能理解.js文件，无法理解.vue文件情况一、vue3.0+js根目录新建jsconfig.json{"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]}
Jim-zf·2023-08-17 16:21

vue3路由跳转方法

首先，vue3.0跳转和vue2.0跳转方式差别不大，但是还有需要注意的地方。这里我介绍两种比较常见的路由跳转方法。1.利用router-link标签来进行跳转。
多加点香菜85·2023-08-17 12:20

《图解Vue3.0》- 第5节 模板语法-指令

指令（Directives）是vue模板中最常用的一项功能，它带有前缀v-。指令的主要职责就是当其表达式的值改变时，相应地将某些行为应用到DOM上。接下来将对每一个指令，一一了解一下。内置指令v-pre编译时跳过当前元素和它的子元素。可以用来显示原始的Mustache标签。跳过大量没有指令的节点会加快编译。示例{{count}}exportdefault{data(){return{count:0
张中华·2023-08-17 05:51

Vue3使用vue-print-nb插件调起打印功能

一、效果图二、使用方式安装插件//Vue2.0版本安装方法npminstallvue-print-nb--saveyarnaddvue-print-nb//Vue3.0版本安装方法：npminstallvue3
可可鸭~·2023-08-16 21:20
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他