vue3.x

Vue2.x和Vue3.x的双向绑定原理详解

双向的绑定的原理通过Object.defineproperty()重新定义对象属性的set方法、get方法来实现的，从这个属性中取值时会触发get方法，改变这个属性时会触发set方法，所以我们只要将一些需要更新view的方法放在这里面就可以实现data更新view了,而view更新data其实可以通过事件监听实现当视图上的数据发生改变时，data中的数据也发生改变当data中的数据发生改变时，视图
·2020-11-05 10:52

element-plus 一个vue3.xUI框架 （element-ui的3.x 版初体验）

官方文档已更新:点击跳转突然发现已经半年没更新的element-ui更新了更新了什么还不清楚，但是告知了基于vue3.x版本的element-plus已经出来了。
前端源·2020-11-04 13:05

Vue2.x、Vue3.x的数据响应式核心原理

文章目录1.概念2.Vue2.x数据响应式核心原理3.Vue3.x数据响应式原理4.发布/订阅模式5.观察者模式6.两种模式的区别1.概念在学习核心原理前，我们先了解两个概念：数据响应式：数据模型仅仅是普通的JS对象，而我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率。(内部操作DOM，我们只是修改数据)双向数据绑定：数据改变，视图也改变；视图改变，数据也改变。在表单上使用v-
鸭绒·2020-10-30 15:33

（三）Vue3.x应用配置

本章主要介绍的是Vue3.x实例中的config的配置配置项config：包含Vue应用程序全局配置的对象，在挂载应用之前配置相应的属性。
Mr_莫言之·2020-10-15 09:25

vue3.x 之 reactive

{{count.value}}Addimport{defineComponent,reactive}from'vue';exportdefaultdefineComponent({name:'VueTest',setup(){constcount=reactive({value:0});functionAdd(){count.value+=1}return{count,Add};}});注：rea
it_dog_zhang·2020-10-14 20:40

vue2和vue3的v-if与v-for优先级对比学习

在vue3.x中，v-if总是优先于v-for生效。对比学习接下来我们通过一个简单的示例来感知下，假设我们想要实现一个极简的todoList效果：我们有一个
·2020-10-10 12:46

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

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

vue.2.x和vue3.x的差异

当学vue3.x的时候，发现好多新特性都是借鉴react的hooks特性，这也对学习vue3.x的更容易一些。
qq_40055200·2020-09-17 16:38

Vue 开发必须知道的 36 个技巧【近1W字

前言Vue3.x的Pre-Alpha版本。
民国周先生·2020-09-16 14:36

JS面试之对象(2)

前言一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3.x拦截对象属性方法及代码实现几个方面由浅入深介绍对象1.对象的声明方法
weixin_34204722·2020-09-16 10:47

Vue 开发必须知道的 36 个技巧

作者|火狼1链接|https://juejin.im/post/5d9d386fe51d45784d3f8637前言Vue3.x的Pre-Alpha版本。
web前端开发V·2020-09-16 02:48

vue3.x之Vite初体验

vite使用一、项目搭建为项目名$npminitvite-app$cd//进入项目目录$npminstall//安装项目所需依赖$npmrundev//启动项目二、附项目结构三、附项目启动成功图Vite启动极快，体验很好，与vueCLI相比目录结构变化不大，使用vueCLI的同学很快就能上手，期待正式发布。
旭哥的博客·2020-09-15 09:53

从零开始自定义创建Vue-cli3.0

1-）node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）2-）更新vueclinpminstall-g@vue/cli3-）创建项目vue3.x同样支持这种方式：vueinitwebpackproject-name4
404狗敏·2020-09-14 09:39

Vue 开发必须知道的 36 个技巧

Vue开发必须知道的36个技巧前言Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1.require.context()
门口有条狗·2020-09-13 22:50

vue2升级vue3.x

无需要装卸vue2.x:npmuninstall-gvue-cli可以直接升级npminstall-g@vue/cli
sir.山·2020-09-13 08:39

nodejs + vue3.0开发环境搭建

安装完成后执行npm-v查看版本6.9.0但npm自带的vue不是最新的版本，如果我们需要使用vue3.x以上的最新版本，则需要以下步骤//全局卸载vue-clisudonpmuninstallvue-cli-g
casainurbania·2020-09-12 23:49

vue-cli3脚手架/单文件/环境搭建

vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程
槿畔·2020-09-12 23:02

Vue面试题

2、简单说一下Vue2.x响应式数据原理3、你知道Vue3.x响应式数据原理吗？4、vue2.x中如何监测数组变化5、nextTick知道吗，实现原理是什么？
super-CodeCake·2020-09-12 22:16

使用vue-cli 3搭建一个项目

node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）更新vueclinpminstall-g@vue/cli创建项目vue3.x同样支持这种方式：vueinitwebpackproject-name
温酒斟与你·2020-09-11 16:04

个人博客项目day4

的后台搞了两天终于发现原来是没有配置vue项目的请求转发(因为tm后端是8080而前端不是啊md)所以我们要修改config目录下面的index.js文件,但是我们下载现在木有这个文件目录.怎么整…百度了以下原来是vue3
wildg00se·2020-09-10 21:18

关于vue.config.js的配置

由于vue3.x的改动,项目中少了很多的配置，比如就没有了build和config文件。但是我们又需要配置下host的地址，以便于内网访问方便。
C。阳·2020-09-10 17:30

Vue 3.x 如何高效学成？本文详解

前言本文所分享的是关于vue3.x在用法上的改变，而不是在代码实现上的不同。
编程叫兽·2020-08-23 15:42

vue ui无效，没有打开可视化页面

做项目的时候发现终端输入vueui无效，通过查找了资料后发现，原来要vue3.x版本以上才有vueui这个命令。
Distance＂·2020-08-22 11:58

vue2.X基础速成---核心技术（1）

写在前面视频链接：3h速成vue3.X如何学习本视频？（学习方法介绍）这个视频讲了什么？
时光猎人688·2020-08-21 05:30

[email protected]

nocache=1536818711949=>这个人还有vue3.x的文章cli详解：https://www.cnblogs.com/zhaowy/p/9542369.htmlv
开水没有春天·2020-08-15 20:22

vue适配不同电脑分辨率(vue3.x)

1、安装插件第一个是一种弹性布局方案，第二个插件是px转成rem的插件npmilib-flexible-Snpmipx2rem-loader-D2、安装完成后在node_modules中查找flexible.js文件,将代码修改为适应PC端的代码functionrefreshRem(){varwidth=docEl.getBoundingClientRect().width;if(width/dp
努力奋进的程序猿·2020-08-15 18:47

vue3.x自定义换肤

vue3.x自定义换肤场景主题换肤自定义换肤效果实现步骤vue3.x配置插件场景换肤是项目中常见的一个功能，本文章是使用的elementUI的一个换肤方案，可以使用elementUI官网给出的方案多个皮肤之间的换肤
永不秃头的程序媛·2020-08-15 00:47

vue2.x和vue3.x中的双向数据绑定原理有什么不同

简单探讨一下vue2.x和vue3.x中实现数据绑定的原理有什么不同，首先vue2.x使用的是Object.defineProperty方法，这个方法不兼容IE9以下的版本；而vue3.x使用的是Proxy
Encoreeeee·2020-08-12 18:54

【Vue笔记--精简版】

文章目录VueVue创建项目和项目结构分析Vue2.x环境搭建与运行初始项目Vue3.x创建项目与运行初始项目Vue项目目录解析Vue.js基本操作Vue绑定数据`{{}}`Vue列表渲染`v-for`
千里水草·2020-08-12 17:41

Vue3.X项目配置问题- axios 代理地址等

Vue-cli3.x以后的项目结构及配置这里主要是配置axios的本地代理访问地址项目的基础配置文件创建项目后默认好像是没有生成的，需要自己手动创建这个文件还有两个生产地址和开发地址的配置文件也需要自己手动创建.env.development开发地址配置文件.env.production生产地址配置文件具体详细的配置信息请看官方文档添加链接描述这里主要是配置axios的本地代理访问地址因为axio
baidu_34478852·2020-08-12 16:03

Vue-cli3.x解决跨域问题，配置vue.config.js

Vue3.x项目中官方已经删除了vue.config.js配置文件，但是我们仍然需要配置跨域、打包、静态资源目录等问题，这时候仍然需要在vue项目中创建vue.config.js配置文件。
米斯特曹、·2020-08-05 16:56

vue3.x & vue.config.js 常⽤配置

vue.config.js常⽤配置module.exports={//基本路径,vue.cli3.3以前请使⽤baseUrlpublicPath:'/',//输出⽂件⽬录outputDir:'dist',//⽤于嵌套⽣成的静态资产（js，css，img，fonts）的⽬录。assetsDir:'',//⽣产环境sourceMapproductionSourceMap:true,//webpack配
Can_X·2020-08-05 15:02

Vue的2.x的安装与3.x的安装，原来如此简单

nodejs.org/download/】安装Vue：vue2.x版本：npminstall-globalvue-clicd****你想存入的文件夹vueinitwebpackmy-projectnpmrundev安装vue3
Sawyerswt·2020-08-01 14:13

vue-cli 3.x 版本与2.x版本在搭建项目时的区别

vue3.x版本先使用命令行更新vue-cli-3.xnpminstall-g@vue/cli或yarnglobaladd@vue/cli安装之后，你就可以在命令行中访问vue命令。
_Boboy·2020-08-01 10:21

vue proxy 的优势与使用场景实现

1.前言随着vue3.x的消息越来越多，proxy的讨论也。相对于Object.defineProperty，proxy有什么区别，有什么优势，以及可以应用在什么地方。
·2020-07-20 16:19

详谈Object.defineProperty 及实现数据双向绑定

Vue3.x版本之后就改用Proxy进行实现的。下面
·2020-07-19 10:23

【vue】安装vue3.X版本脚手架（图形化界面版）

安装脚手架之前需要电脑已安装node与npm首先按住shift+鼠标右键→(按下)在此处打开命令行窗口进入命令行窗口或者win+R键输入cmd进入命令行窗口输入：node-v与npm-v查看有无安装node与npm，没有则需要安装：以下证明已安装若没安装以下是博友安装方法：https://blog.csdn.net/qq_33362864/article/details/80431162vue2.
舜岳·2020-07-13 11:52

这么全面的Vue开发技巧，又忍不住收藏了！

转载/作者:火狼阅读本文需要10分钟前言Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1.require.context
程序员黑叔·2020-07-12 15:50

Vue.js | 如何创建并启动一个Vue3.x项目

Node.js|Node.js安装及npm模块插件安装路径配置，并安装VueCLIhttps://blog.csdn.net/y1534414425/article/details/104247027一、创建Vue3
You are offline·2020-07-10 15:00

vue3.x修改端口号配置vue.config.js

首先在根目录创建vue.config.jsvue.config.js里面代码:module.exports={/**区分打包环境与开发环境*process.env.NODE_ENV==='production'(打包环境)*process.env.NODE_ENV==='development'(开发环境)*baseUrl:process.env.NODE_ENV==='production'?"
hlvy·2020-07-09 23:51

Vue 开发必须知道的 36 个技巧

作者:火狼https://segmentfault.com/a/1190000020620972前言Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3
前端达人·2020-07-09 10:46

Vue 开发必须知道的 36 个技巧【近1W字】

转载/原文链接前言Vue3.x的Pre-Alpha版本。
出来打我略略略·2020-07-07 13:31

搭建vue3.x脚手架

继上次写搭建vue2.x脚手架还没过多久，3.x就发布了，怀着心中一万只土拨鼠呐喊着学不动的心情写下这篇博客，简单记录一下vue3.x的脚手架搭建1.https://cli.vuejs.org/zh/guide
helloFE·2020-07-07 09:02

【转载】vue 3.x 如何有惊无险地快速入门 —— 一文扫遍 vue2 与 3 的差异点

【转载】vue3.x如何有惊无险地快速入门——一文扫遍vue2与3的差异点前言本文所分享的是关于vue3.x在用法上的改变，而不是在代码实现上的不同。
FungLeo·2020-07-01 01:21

Vue开发小技巧

Vue3.x的Pre-Alpha版本。
攻城狮Lee丶·2020-06-30 17:49

Vue3.x 中 vue.config 配置 Webpack-dev-server的proxy 实现代理跨域

前言如果你有单独的后端开发服务器API，并且希望在同域名下发送API请求，那么代理某些URL会很有用。解决开发环境的跨域问题(不用在去配置nginx和host,爽歪歪~~)在webpack.config.js中配置下面简单介绍一下五个经常使用的场景使用一:module.exports={//...devServer:{proxy:{'/api':'http://localhost:3000'}}}
高先生的猫·2020-06-30 11:08

Vue 开发必须知道的 36 个技巧【近1W字】

前言Vue3.x的Pre-Alpha版本。
Web全栈开发·2020-06-29 16:02

尝鲜 vue3.x 新特性 - CompositionAPI

0.基础要求了解常见的ES6新特性ES6的导入导出语法解构赋值箭头函数etc...了解vue2.x的基本使用组件常用的指令生命周期函数computed、watch、ref等1.相关资源【知乎-VueFunction-basedAPIRFC】https://zhuanlan.zhihu.com/p/68477600【github-vuejs/composition-api】https://githu
weixin_45159996·2020-06-29 15:25

Vue 开发必须知道的 36 个技巧【近1W字】

前言Vue3.x的Pre-Alpha版本。
浮云中的神马-潘帅·2020-06-29 01:20

聊一聊Diff算法（React、Vue2.x、Vue3.x）

场景计算两颗树形结构差异并进行转换文中,所提及n均代表节点的个数传统Diff算法处理方案:循环递归每一个节点传统diff如上所示,左侧树a节点依次进行如下对比:a->e、a->d、a->b、a->c、a->a之后左侧树其它节点b、c、d、e亦是与右侧树每个节点对比,算法复杂度能达到O(n^2)查找完差异后还需计算最小转换方式，这其中的原理我没仔细去看，最终达到的算法复杂度是O(n^3)将两颗树中所
wander·2020-06-27 01:52
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他