VUE3.0

vue3响应式--proxy

vue3.0快发布了，也带来了很多新的特性，如新的监测设计，PWA，TS支持等，本节一起了解下新的监测原理。
老鼠AI大米_Java全栈·2021-04-18 20:46

Vue3.0学习 - 第六节，什么是ref ，ref入门

ref入门1、什么是ref?ref和reactive一样也是用来实现响应式数据的方法由于reactive必须传递一个对象，所以导致在企业开发中，如果我们只想让某个变量实现响应式的时候会很麻烦，所以vue3提供了ref方法，实现对简单值得监听ref关键源码functioncreateRef(rawValue,shallow){if(isRef(rawValue)){returnrawValue}le
csl125·2021-04-18 13:36

Vue 3.0 学习笔记（李南江老师Vue3视频笔记）

01-Vue3.0开篇-理解一、为什么现在才讲Vue3.0?因为昨天才发布正式版本正式版之前API不稳定（白学）正式版之前企业开发用不上（不稳定）二、为什么现在要讲Vue3.0?
六寸光阴丶·2021-04-17 22:10

vue3.0公共组件自动导入的方法实例

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。二、规则我使用的注册规则是，搜索src/components/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件，使用上级目录的名字作为组件名，进行注册。结构如下：只注册ind
·2021-04-17 20:01

vue3.0路由自动导入的方法实例

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。二、规则我们使用的规则是，搜索src/views/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件，使用上级目录的名字作为组件名，进行注册。结构如下：和公共组件注册一样，我们
·2021-04-17 20:01

Vue 3.0 (alpha)，50分钟掌握Vue 3.0（vue-router，vuex）环境搭建及核心知识点

Vue3.0注意事项Vue3.0目前发布了alpha版本，可以通过vue@next版本来安装vue-cli目前不支持Vue3.0的安装，需自行搭建开发环境（不要与vue-cli3.0混淆）如果使用vue-router
一知七分解·2021-04-17 15:41

vue3.0 computed

{{plusOne}}{{plusTwo}}import{ref,computed}from'vue'exportdefault{setup(){constcount=ref(0)constcountTwo=ref(0)constplusOne=computed(()=>count.value+1)console.log(plusOne.value)//1constplusTwo=computed
glorydx·2021-04-15 22:02

vue3.0 watch与watchEffect

watchEffect在响应式地跟踪其依赖项时立即运行一个函数，并在更改依赖项时重新运行它。import{ref,watchEffect}from'vue'exportdefault{setup(){constcount=ref(0)setInterval(()=>{count.value++},1000)/**这个hook用以监听count.value的变化*/watchEffect(()=>c
glorydx·2021-04-15 22:59

vue3.0中使用swiper

由于普通的ui组件库中的轮播图无法满足需求，因此使用了这个库。效果图如下：安装swipernpmiswiper现在下载默认6x版本的，6x版中封装了组件，可以在vue中直接使用。用法跟以前不一样！！，部分api也不对。import"./MySwiper.less";import{reactive}from"vue";//使用swiper的compositonAPIimportSwiperCore,
家里有只猪·2021-04-15 17:37

vue3.0中使用echarts

npminstallecharts--save默认就是5版本的。在我们需要使用echarts的页面引入import*asechartsfrom'echarts'//这个跟以前是不一样的。我们需要在模板中定义一个容器来存放图表这里的宽高必须指定setup中设置图表配置项外部引入配置项importbarChartOptionsfrom'./chartOptions.js'setup(){//获取标签容
家里有只猪·2021-04-15 11:38

vue 3.x 核心知识点

Vue3.0的正式版应该很快就要发布了，可以更加大胆在实际项目中投入使用了，笔者从年初就开始尝试在一些真实的小项目中使用，本文对此进行简单总结。
空无一码·2021-04-15 10:31

vue3.0尝鲜 -- 摒弃Object.defineProperty，基于 Proxy 的观察者机制探索

写在前面：2018年11月16日早上，Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性，其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制，取代之前使用的Object.defineProperty。我相信许多同学深有体会，许多面试中Object.defineProperty是vue这个框架一个出现率很高的考察点，一开始大家对这个属
指尖跳动·2021-04-15 06:58

Vue3.0学习 - 第四节，Vue3 组合api composition api 和 vue2 option api 的混用

setup函数setup函数的一些相关事项官方文档新的setup组件选项在创建组件之前执行由于在执行setup时尚未创建组件实例，因此在setup选项中没有this。这意味着，除了props之外，你将无法访问组件中声明的任何属性——本地状态、计算属性或方法。就是说，data，computed等自主定义的那些初始化数据都将会无法提供访问。在setup()内部，this不会是该活跃实例的引用，因为se
csl125·2021-04-15 00:21

学习Vue3.0,先来了解一下Proxy

据悉Vue3.0的正式版将要在本月(8月)发布，从发布到正式投入到正式项目中，还需要一定的过渡期，但我们不能一直等到Vue3正式投入到项目中的时候才去学习，提前学习，让你更快一步掌握Vue3.0,升职加薪迎娶白富美就靠它了
前端进击者·2021-04-14 20:17

Vue3 Composition API的使用简介

vue3.0在7月发布了rc版本，vue-cli4.5后也支持选择vue3作为备选版本可以体验了，vue3的正式版本相必也不远了。学不动了呀!!!!
·2021-04-14 20:03

vue3常用的API使用简介

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-04-14 20:03

Vue3.0学习 - 第三节，Vue3 组合api的理解（setup）

写一个todolist，大概长这样vue2.xx语法{{sta.name}}--{{sta.age}}exportdefault{name:"App",components:{},data(){return{stus:[{id:1,name:"zs",age:18},{id:2,name:"ww",age:1892},{id:3,name:"ls",age:120},{id:4,name:"zz"
csl125·2021-04-14 00:59

vue3.0 proxy

vue3中的proxyAPIProxy的监听是针对一个对象的，那么对这个对象的所有操作会进入监听操作。Proxy对象用于定义基本操作的自定义行为(如属性查找，赋值，枚举，函数调用等)可以理解为在对象之前设置一个”拦截“，当监听的对象被访问的时候，都必须经过这层拦截。可以在这拦截中对原对象处理，返回需要的数据格式,也就是无论访问对象的什么属性，之前定义的或是新增的属性，都会走到拦截中进行处理。new
zhudying·2021-04-13 20:38

开源项目都在用 monorepo，但是你知道居然有那么多坑么？

monorepo简单来说就是将多个项目整合到了一个仓库里来管理，很多开源库都采用了这种代码管理方式，比如Vue3.0：从上图我们可以看到packages文件夹下存在一堆文件夹，这每个文件夹都对应一个npm
·2021-04-13 14:18

开源项目都在用 monorepo，但是你知道居然有那么多坑么？

monorepo简单来说就是将多个项目整合到了一个仓库里来管理，很多开源库都采用了这种代码管理方式，比如Vue3.0：从上图我们可以看到packages文件夹下存在一堆文件夹，这每个文件夹都对应一个npm
·2021-04-13 13:18

Vue3.0调试工具devtools-6.0.0-beta-7-适用谷歌浏览器

vue开发利器:vue-devtools，适合vue3.0版本的。
xk. 依然范特西·2021-04-13 10:58

vue3.0 + ts 打包ui组件

目标在使用微应用中，通常子应用都是基于一套技术栈开发。其中就包括ui组件，很多二次封装组件需要在各个子应用中使用到。所以将这些公共组件独立出来，作为第三方库使用。需要注意的是，这里的ui库也是基于已有开源库的扩展，而非fork后的二次开发。背景技术栈：antdvTSVue3.0目录rootvue.config.jsscript打包脚本gulpfile.jscomponents组件源文件src测试用
直立猿·2021-04-13 07:09

vue3.0添加路由router

1.首先下载vue-routeryarnaddvue-router@next2.创建文件router/index.jsimport{createRouter,createWebHashHistory}from"vue-router";constroutes=[{path:"/",name:"home",component:()=>import("@/components/home.vue")}]c
洛小鱼_大怪兽·2021-04-13 03:25

vue2.0和vue3.0在win 10 系统中同时存在

想学习vue3.0，但是过去的项目都是vue2.0集成的，想在win10上同时存在两种，又能用新的，又能兼顾旧的，两全其美，真的是再好不过啦！
LittleMonkey媛儿·2021-04-12 09:50

vue3中引入vue-i18n, 国际化方案

原因当前项目需要采用国际化方案，但因为采用了vue3.0，网上诸多说明不太明白，故在此记录一下
cwxblog·2021-04-11 17:22

Vue 前端小白了解并运用Vue3 + Vite 及 Vue-cli 4项目搭建

Vue3.0概述更新更快更强！
码民的飘柔·2021-04-08 21:02

解决vue3.0 启动报错 :Cannot find module ‘vue-loader-v16/package.json‘

1.项目报错截图：2.报错原因：原因在于使用npm安装依赖的时候vue-loader-v16有部分资源需要科学上网才能下载下来，那我们换成国内镜像（cnpm）下载就可以解决了！！3.步骤（1）先卸载vue-loader-v16依赖npmuninstallvue-loader-v16（2）之后使用cnpm安装vue-loader-v16依赖cnpmivue-loader-v16（3）再次启动项目，启
提莫拌一团蘑菇·2021-04-08 14:11

vue项目引入自定义js报错,使用了可选链和双问号

已解决的问题：报错代码使用了可选链和双问号目前vue3.0后的搭建可以直接使用可选链和双问号。
鲜蛋卷小狐狸·2021-04-07 13:56

vue3.0 使用echarts完成图表展示

$echarts=Echarts;vue3.0如下:import{createApp}from'vue';importA
·2021-04-06 18:07

[译]尤雨溪：Vue3将不会支持IE11 精力会投入到Vue2.7

前言之前尤雨溪曾说过，Vue3将会出一个IE11的兼容版本，现在Vue3.0都已经发布很久了，却迟迟不见兼容版本的出现，原来是因为微软积极的推进自家的新Edge浏览器，并打算放弃IE，这让尤雨溪同学觉得兼容
·2021-04-04 11:19

[译]尤雨溪：Vue3将不会支持IE11 精力会投入到Vue2.7

前言之前尤雨溪曾说过，Vue3将会出一个IE11的兼容版本，现在Vue3.0都已经发布很久了，却迟迟不见兼容版本的出现，原来是因为微软积极的推进自家的新Edge浏览器，并打算放弃IE，这让尤雨溪同学觉得兼容
·2021-04-04 11:15

Vue3.0 Openlayers教程

Vue3.0Openlayers教程.png1、Vue3.0第一个地图.png2、Vue3.0加载高德地图.png3、Vue3.0实现一个简单的气泡弹窗.png4、Vue3.0显示多个点要素.png5、
星星编程·2021-04-01 10:44

vue中引用svg，vue引入svg不显示，vue引用svg配置，vue3.0+ts如何配置svg

(vue3.0应该是没有这个问题的)还有就是可能是创建的icons不在src根目录（2.x最开始我尝试在assets中创建文件来装svg图标，但是并没有显示，换到根目录就正常了,具体应
摩登开发者Oliver·2021-03-29 10:39

基于vite2+vue3.x实战小视频/直播聊天|vue3.0仿抖音短视频

技术栈编码+技术：vscode+vite2/vue3.0/vue-router/vuex4UI组件库：vant3(有赞移动端vue3组件库)弹层组件：v3popup（移动端v
·2021-03-27 23:47

vue3.0 composition api

文章目录简单demosetup参数setup生命周期响应式APIreactivereftoRefs与toRefcomputedwatchwatchEffect在vue2中如果新增一个功能，需要在data中添加数据，在methods或computed或watch中添加逻辑，那么数据与业务逻辑是分散的。这种碎片化使得理解和维护复杂组件变得困难。选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑关注点
ZjSj0812·2021-03-26 16:30

Vue3.0 新特性

Vue3.0在去年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0，这篇文章就是在使用后的一个总结，包含Vue3新特性的使用以及一些用法上的变更。
水晶草720·2021-03-25 05:58

vue3常用的API实用型

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-03-24 19:01

vue3常用的API实用型

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发生命周期的变更要特别说明一下的就是
·2021-03-24 19:13

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 13:17

Vue3.0面试题

来，先介绍一下Vue的响应式系统Vue为MVVM框架，当数据模型data变化时，页面视图会得到响应更新，其原理对data的getter/setter方法进行拦截（Object.defineProperty或者Proxy），利用发布订阅的设计模式，在getter方法中进行订阅，在setter方法中发布通知，让所有订阅者完成响应。在响应式系统中，Vue会为数据模型data的每一个属性新建一个订阅中心作
·2021-03-23 12:34

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 12:57

深入Vue双向绑定原理

前言本文主要比较Vue2.0与Vue3.0双向绑定的原理，以及由二者不同的原理造成的一些差异，并对该差异产生的原因进行简单的分析。
·2021-03-21 22:36

深入Vue双向绑定原理

前言本文主要比较Vue2.0与Vue3.0双向绑定的原理，以及由二者不同的原理造成的一些差异，并对该差异产生的原因进行简单的分析。
·2021-03-21 22:23

vue3.0 笔记

在Vue3.0源代码版本中，98%代码由Typescript编写,同时也是vue3.0最重要的一些新特性，例如setup()函数、reactive()、ref()等这些VueHooks,总的来说给我的第一映像就是有一点点像写
Henry01·2021-03-18 14:14

Vue3.0升级以及部分新特性

相关库版本要求脚手架VueCLIv4.5或ViteVueRouterv4.0Vuexv4.0ElementPlus地址：https://element-plus.gitee.io...AntDesignv2.0地址：https://2x.antdv.com/可能需要手动安装的插件@vue/compiler-sfc^3.0.7...构建npmi-g@vue/clivuecreate//选择安装配置后
·2021-03-17 20:29

Vue2.0与vue3.0响应式对比

Vue2.0响应式原理主要api------Object.defineProperty(需要对数组相关方法进行重写;数组改变length无效；对象不存在的属性不能被拦截)主要时对对象的属性做一些限制，是否可以被访问，被修改，被枚举等等；访问这个属性，会触发get方法修改这个属性，会触发set方法定义了get方法，若没有return值出去，则访问该属性时，得到的会是undefined需要借助一个中间
欧气的猫七姑娘·2021-03-16 17:32

Vue3 composition API 和新的响应式原理解析

vue3.0已经推出了一段时间了，相信很多人都已经跃跃欲试了，其中改动最大，最让人眼前一亮的当属compositionAPI，有的人也会说，vue3推出compositionAPI后，看起来越来越像react
碍人i·2021-03-12 20:17

你准备好拥抱vue3.0了吗

前言本月21号晚上看了尤大大的直播，感觉vue3.0离我们越来越近了，预计年中正式发布，3.0的改变的确很大，性能提升了很多，很多东西也在靠向react。
·2021-03-12 01:26

vue2.0与vue3.0响应式的区别

Vue2.X响应式：需要遍历对象的每一个属性，调用defineProperty，把属性转换成getter/setter，性能不如Vue3.X无法监听删除操作，例如deletedata.name，只能通过Vue.delete这种额外的方法操作无法直接给对象动态增加响应式成员，需要调用Vue.set()数组的响应式需要特殊处理Vue2.X在程序启动的时候首先需要遍历所有的属性，设置gettersett
晓萌的百宝袋·2021-03-11 15:52

vue3 + ts 初体验

背景自从去年尤大大发布vue3.0之后，已经过去了大半年。
·2021-03-10 04:23
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他