Vue系列

「Vue系列」欢迎传送到“Teleport”星球

前言大家好，我是落叶小小少年，我一直谨记学习不断，分享不停，输入的最好方式是输出，我始终相信用最核心代码更容易理解深的技术点用通俗易懂的话，讲难的知识点之前有学习并写了KeepAlive组件的实现原理，后来打算也把Teleport组件的原理也学习并记录下来，于是这几天便学习了下Teleport组件的实现原理，现在分享给大家，希望能和大家共同学习，进步Tips:这样面试的时候你就可以信心满满的向面试
cyg_l02·2022-11-29 21:02

尚硅谷Vue系列教程学习笔记（13）

尚硅谷Vue系列教程学习笔记（13）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH
Dream_WLB·2022-11-17 10:38

尚硅谷Vue系列教程学习笔记（14）

尚硅谷Vue系列教程学习笔记（14）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH
Dream_WLB·2022-11-17 10:38

尚硅谷Vue系列教程学习笔记（12）

尚硅谷Vue系列教程学习笔记（12）参考课程：《尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通》参考链接：https://www.bilibili.com/video/BV1Zy4y1K7SH
Dream_WLB·2022-11-17 10:07

【Vue系列】Vue-cli（Vue脚手架）详细教程

1.创建Vue脚手架1.1首先系统需要全局安装Vue脚手架npminstall-g@vue/cli1.2创建Vue脚手架工程进入你想创建vue脚手架的目录，然后输入命令vuecreatexxx项目名需要注意的是工程名字不能大写，这里我们选择选择Vue2，敲下回车，那么vue将会为我们创建vue脚手架显示如图所示说明创建成功如图命令所示我们进入myvue工程，执行命令npmrunserve然后浏览器
码上游·2022-11-03 07:46

vue系列：事件修饰符、按键修饰符与系统修饰符

vue系列：事件修饰符、按键修饰符与系统修饰符好记性不如烂笔头，学习过程中也要记笔记，方便日后的复习文章目录vue系列：事件修饰符、按键修饰符与系统修饰符一、什么是DOM事件流？
Laymanღ·2022-09-22 20:07

Vuex（十）

vue系列文章目录第一章：Vue基础知识笔记（模板语法、数据绑定、事件处理、计算属性）（一）第二章：Vue基础知识（计算属性、监视属性、computed和watch之间的区别、绑定样式）（二）第三章：Vue
?blur:focus·2022-09-08 07:48

vue系列教程-05vue常用指令

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址v-bind上面讲了页面怎么渲染数据，那么vue如何给一些空间绑定数据呢？比如图片链接、单选框、样式等等这里就要使用到v-bind首先初始化一个vue项目，定义一个图片链接字符串letvm=newVue({el:'#app',data(){return{avatar:'https://www.baidu.com/i
lookroot·2022-09-07 15:59

Vue创建脚手架

Vue系列文章目录第一章：Vue基础知识笔记（模板语法、数据绑定、事件处理、计算属性）（一）第二章：Vue基础知识（计算属性、监视属性、computed和watch之间的区别、绑定样式）（二）第三章：Vue
?blur:focus·2022-09-05 07:06

【Vue系列复习】Vue-Router和Vuex实现原理

Vue-Router和Vuex实现原理路由这个概念先是由后端提出的，简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同路径，来请求不同资源，请求不同页面是路由的一种功能。前端路由：1.hash模式随着ajax的流行，异步数据请求交互运行在不刷新浏览器的情况下进行，而异步交互体验更高级的版本就是SPA—单页应用。单页应用不仅仅是在页面交互是无刷新的，并且在页面跳转都是无刷新的，为了实现SP
三分落樱·2022-09-01 20:53

vue系列之---- 跳转同一路由,页面不可刷新不可跳转问题解决方案

在项目中经常有这样的需求，同一页面路由根据不同参数，渲染不同数据、不同效果、甚至重新刷新整个页面。但由于路由的强缓存原因，同一路由跳转往往不会进行刷新，故而总结了几种解决办法。方法1：实现原理：点击当前菜单，先跳转过渡空白页面，再跳转原页面；实现优点简单方便快速统一实现缺点所有页面都将进行刷新，且因跳转其他页面故反应时间较长实现代码新建empty.vueexportdefault{data(){r
hyduan200·2022-08-25 07:11

vue系列：第一个vue程序

vue系列：书写第一个vue程序好记性不如烂笔头，学习过程中也要记笔记，方便日后的复习文章目录vue系列：书写第一个vue程序一、书写第一个vue程序二、代码改进总结一、书写第一个vue程序1、通过将vue
Laymanღ·2022-07-27 15:37

vue系列（三）——手把手教你搭建一个vue3管理后台基础模板

目录一、前言：二、网站页面分析三、开发步骤（一）、安装element（二）、安装使用svg插件（三）、编写主界面框架代码（四）、编写菜单栏（五）、新建页面及路由（六）、定制页面标签栏第一步：第二步：（七）、修改封装菜单栏（八）、添加面包屑四、结尾一、前言：先上图，项目模板成品截图：开源的vue管理后台模板很多，如需快速开发一个后台管理可搜索“vue管理后台模板”查找，本文旨在熟悉vue开发过程实践
萧萧风·2022-07-04 21:49

【Vue3】Vue3+Element-Plus+Vite+Tailwindcss 随记

vue系列文章目录vue系列1.Elemet-Plus1.1elemet-plus输入框无法输入1.2element-plus修改主题色2.Vue32.1setup语法糖3.Tailwindcss3.1
JohnnyLiu1010·2022-06-22 14:42

vue全家桶(Vue+Vue-router+Vuex+axios)（Vue+webpack项目实战系列之二）

一、Vue系列一已经用vue-cli搭建了Vue项目，此处就不赘述了。二、Vue-routerVue的路由，先献上文档（https://router.vuejs.org/zh-cn/）。
weixin_30527143·2022-05-21 17:43

vue系列 —— vue-route详细使用方法

说到路由，我们最熟悉的路由是什么呢？那就是路由器了。其实路由器有两个重要的功能：路由和传送路由：路由决定数据包从哪里来，到哪里去。也有是来源和目的地的路径。路由中有一个路由表，路由表本质上就是一个映射表，决定了数据包的传输方向。传送：传送是将输入端的数据传送给输出端下面我们先来搭建一个项目,然后一边学习一遍在项目里实战创建vue-cli2项目vueinitwebpacekvueroute然后一路向
前端_七月·2022-04-19 14:53

手写 Vue2 系列 之 编译器

这里不会从零开始，会基于lyn-vue直接进行升级，所以如果你没有阅读过手写Vue系列之Vue1.x，请先从这篇文章开始，按照顺序进行学习
·2022-03-16 10:06

手写 Vue2 系列 之 编译器

这里不会从零开始，会基于lyn-vue直接进行升级，所以如果你没有阅读过手写Vue系列之Vue1.x，请先从这篇文章开始，按照顺序进行学习。
李永宁·2022-03-16 10:00

手写 Vue 系列 之 从 Vue1 升级到 Vue2

前言上一篇文章手写Vue系列之Vue1.x带大家从零开始实现了Vue1的核心原理，包括如下功能：数据响应式拦截普通对象数组数据响应式更新依赖收集DepWatcher编译器文本节点v
·2022-03-15 10:02

手写 Vue 系列 之 从 Vue1 升级到 Vue2

前言上一篇文章手写Vue系列之Vue1.x带大家从零开始实现了Vue1的核心原理，包括如下功能：数据响应式拦截普通对象数组数据响应式更新依赖收集DepWatcher编译器文本节点v-on:clickv-bindv-model
李永宁·2022-03-15 10:00

手写 Vue 系列 之 Vue1.x

接下来我们就开始手写Vue系列，写一个自己的Vue框架，用最简单的代码实现Vue的核心功能，进一步理解Vue核心原理。为什么要
·2022-03-14 08:39

手写 Vue 系列 之 Vue1.x

接下来我们就开始手写Vue系列，写一个自己的Vue框架，用最简单的代码实现Vue的核心功能，进一步理解Vue核心原理。
李永宁·2022-03-14 08:00

Vue「四」—— 组件生命周期、数据共享

Vue系列笔记第四篇。本文参考：>>黑马程序员Vue全套视频教程Vue系列文章>>专栏阅读>两个概念：生命周期和生命周期函数生命周期：是指一个组件从创建=>运行=>销毁的整个阶段，强调的是一个时间段。
imByte·2022-02-22 13:49

Vue 源码解读（1）—— 前言

前言最近在准备一些Vue系列的文章和视频，之前Vue的源码也读过好几遍，但是一直没写相关的文章，所以最
·2022-02-21 08:24

Vue 源码解读（1）—— 前言

前言最近在准备一些Vue系列的文章和视频，之前Vue的源码也读过好几遍，但是一直没写相关的文章，所以最
李永宁·2022-02-21 07:00

Vue系列（1）— vue router（上）

vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式来实现，根据mode参数来决定采用哪一种方式，本章主要讲解Hash模式的使用。一.路由配置1.定义路由和路由组件先导入vue和vue-router，接着调用Vue.use(Router)，并引入路由组件，设置好路由组件对应的路径。(配置参考如下)//在src的router目录下index.js文件中impo
阿丢同学·2022-02-06 09:01

Vue「三」—— vue 侦听器、vue 计算属性、vue-cli、vue 组件

Vue系列笔记第三篇，陆续更新，✌✌专栏阅读：>Vue「一」——前端工程化与webpack的基本使用及常用配置>Vue「二」——vue基本使用、vue指令与过滤器文章内容预览一、watch侦听器侦听器基本语法对象格式的侦听器
imByte·2021-11-21 21:00

Vue「二」—— vue 基本使用 / vue 指令 / vue 过滤器

Vue系列笔记第二篇，陆续更新，欢迎阅读Vue「一」——前端工程化与webpack的基本使用及常用配置Vue基础入门一、vue简介什么是vue两个特性MVVM及其工作原理vue的版本二、vue的基本使用基本使用步骤基本代码与
imByte·2021-11-20 15:16

详解React中组件之间通信的方式

一、是什么我们将组件间通信可以拆分为两个词：组件通信回顾Vue系列的文章，组件是vue中最强大的功能之一，同样组件化是React的核心思想相比vue，React的组件更加灵活和多样，按照不同的方式可以分成很多类型的组件而通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的
·2021-07-27 19:26

Vue 响应式原理

这是十篇Vue系列文章的第三篇，这篇文章我们讲讲Vue最核心的功能之一——响应式原理。
Web前端学习营·2021-06-20 06:20

Vue系列4——搜刮小案例，多多练习百炼成钢

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车路漫漫其修远兮，吾将上下而求索前言本章节怼几个案例供读者小伙伴们练习，写不出东西就是写的少，多写就有思路，案例也懒得去搞CSS了，大家主要锤Vue就可以了。不废话直接上货！案例1：选择登陆方式需求点击页面按钮可以选择使用邮箱登录或用户账号登录代码用户账号用户邮箱点击切换constapp=newVue({
不夜学长·2021-05-31 14:00

Vue系列3——Vue计算属性、监视属性和生命周期

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车路漫漫其修远兮，吾将上下而求索前言本章节咱们来说一下Vue中两个非常重要的计算属性、监视属性和生命周期，不废话直接上干货计算属性计算属性介绍在模板中可以直接通过插值语法显示一些data中的数据，有些情况下我们需要对数据进行转化或者计算后显示，我们可以使用computed选项来计算，这时有些小伙伴可能就会
不夜学长·2021-05-30 13:14

前端系列——Vue入门教程一

激情再一次的冷却，时至今日，经过系列的计划以及思想的斗争，由于最近开始研究Vue的一些列开发技能，同时近期也开始培训我弟弟进行相关前端开发技能的学习，最后决定以Vue这个知识点再一次踏上写作之旅，寄望于这次能够通过vue
coder小生·2021-05-21 02:05

2019-05-30Vue系列一之前端基本情况及VUE指令

验证码机制在后端里，总是认为前端有可能会被伪造。页面上的验证码是后端随机产生的（也可以前端生成，但不建议）步骤：1.后端调用相关的绘图第三方类库，或是（平台PHP，.NET，Java）系统核心绘图类库进行图片的绘制2.绘制的那些随机的数字、字母都是后端预先定义好的3.绘制图片的URl地址通过网络发送给客户端，然后，客服端可以通过img标签去引用这个验证码的地址4.后端在绘制完毕验证码后，随机选择生
啊_6424·2021-05-13 00:45

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十五 ║ Vue前篇：JS对象&字面量&this

缘起书接上文《从壹开始前后端分离[Vue2.0+.NETCore2.1]十四║VUE计划书&我的前后端开发简史》，昨天咱们说到了以我的经历说明的web开发经历的几个阶段，而且也说到了Vue系列需要讲到的知识点
SAYLINING·2021-05-04 16:37

Vue 源码解读-学习方法

前言最近在准备一些Vue系列的文章和视频，之前Vue的源码也读过好几遍，但是一直没写相关的文章，所以最近就计划写一写。目标精通Vue技术栈的源码原理，这是这系列的文章最终目的。
乐字节教育·2021-04-29 16:04

VUE系列---VUE+indexDB+JSZip+在线预览zip压缩文件(二)

推荐我的vue教程：VUE系列教程目录通过上一篇文章我们的项目架构基本就出来了，让大家去看看关于JSZip，以及store.js的知识，因为store比较简单，所以不做说明了，这里会着重讲讲JSZip的使用
言墨儿·2021-04-24 15:04

vue系列--60行代码实现一个简易版的Vuex

一个简单的Vuex实现回忆一下vuex的一些使用方式，包括：//$store的方式this.$store.state.xxxthis.$store.getters.xxxthis.$store.commit('MutationName',data)this.$store.dispatch('ActionName',data)//map的方式computed:{...mapState(['State
·2021-04-01 22:37

vue系列--比较全的vue组件间通信

Vue组件间通信1.props和$emit是最常用的，用于父子组件2.引用ref//使用子组件的属性this.$refs.child.xxx3.使用$children和$parent父组件调用子组件this.$children[0].xxx=xxx子组件调用父组件this.$parent.xxx=xxx4.兄弟组件，通过共同祖辈组件搭桥this.$parent.$on(eventName,hand
·2021-04-01 22:37

vue系列--实现一个简单的vue-router

一个简单的vue的路由实现首先要确定我们要做的功能点VueRouter是一个插件，要有install方法要实现router-view和router-link两个组件要监听url的变化，hash模式要监听hashchange事件，history模式要监听popstate事件实现根据不同的路由变化显示不同的组件1.声明类classSimpleVueRouter{}2.注册install方法，接收Vue
·2021-04-01 22:07

面试官：说说你对双向绑定的理解?

本文为面试官VUE系列总进度：3／33一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了
·2021-03-17 15:47

前端必备-Vue系列2-Vue常用指令和简单案例

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车路漫漫其修远兮，吾将上下而求索前言本章节咱们来说一下Vue中常用的指令，不废话直接上干货v-show作用根据表达值的真假，切换元素的显示和隐藏代码-->=18">18岁以上才能看到哦varapp=newVue({el:"#app",data:{flag:true,age:18}})运行截图总结v-sho
不夜学长·2021-03-09 19:57

前端工程师必备国产框架Vue系列1-Vue入门和基础指令

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车**这是Vue框架的第一篇，也不说多重要，掌握的必要性这些了，懂的都懂，直接干货怼起来！**学习Vue.js前置知识在学习Vue之前需要已经掌握HTML、CSS、JavaScript（基础语法、BOM和DOM）、Ajax。Vue简介如上图是Vue的图标，官网上介绍Vue是一套用于构建用户界面的渐进式框架
不夜学长·2021-03-06 14:58

⒖ Vue/cli 构建项目

Vue/cli构建项目坚持写作vue系列让我自己收获很多，对之前很多理解不透彻的地方又多了一些理解，也试图将自己的理解变成文字分享给更多的人，无奈文字功底有限，有些地方可能表达的不是很清楚，还望各位读者多多包含
CRMEB·2021-01-19 12:02

vue系列学习（五）——路由的基本使用

importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importWatchTestfrom'@/components/WatchTest'importKeepAliveDemofrom'@/components/KeepAliveDemo'importRouterDem
lixiaonaaa·2020-12-27 19:34

面试官：说说你对双向绑定的理解?

本文为面试官VUE系列总进度：3／33一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了
刀哥·2020-11-30 11:10

如何用vue cli发送请求到后端_vue系列：vue快速构建项目（A01）

一、写在前边公司项目要做前后端分离，基本上没有犹豫就选了node+vue的组合模式，原因是这俩太太太火了，我要追随时代的潮流。项目改版迫在眉睫，从头一点一点的学也来不及了，所以直接选用了快去构建项目的工具，天下武功唯快不破。嗯，没错，是这么回事。经过了一分钟激烈的思想斗争，秉承着新的就是最好的，一切都用最新的！最后定的模式为：后端：egg（阿里开源的node.js框架）+前端：vue全家桶（vue
weixin_39623750·2020-11-30 06:22

如何侦听网线数据_vue3Reactive数据响应原理

本篇是vue系列分享的第一篇，将带领大家熟悉vue3中reactive数据响应原理。搭建vue3项目环境首先，我们看下如何搭建一个vue3的开发项目。
weixin_39998795·2020-11-21 00:53

vue系列基础篇（一）

Vue基础篇Vue是什么?vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。Vue环境搭建这里我们引用官方推荐的开发库，下面是一个基础的vue开发环境。vue基础环境{{tes
伊泽瑞尔灬·2020-11-09 18:41

Vue系列 =＞ [08] 电商后台管理系统项目 =＞02-用户管理

1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件，进行布局：Header退出AsideMain默认情况下，跟element-ui组件同名的类名可以帮助我们快速的给对应的组件添加样式，如：.home-container{height:100%;}.el-header{background-color:#373D41;}.el
AkaCoder·2020-10-19 22:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他