Vue系列

vue系列笔记（三）------vue组件

一、组件基础(组件就是自定义标签)1定义组件名称(1)当使用kebab-case(短横线分隔命名)定义一个组件时，你也必须在引用这个自定义元素时使用kebab-case.eg:(2)PascalCase(驼峰式命名)eg:2创建组件(1)全局组件：Vue.component只能通过它来创建全局组件eg:Vue.component('组件名称',{组件对象})(2)局部组件：局部注册的组件只能在组件
前端守望者·2023-08-21 18:31

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
·2023-08-17 00:13

接收后端返回的pdf文件流 前端使用Vue-pdf实现预览(分页）

vue系列文章目录需求：后端返回文件流前端将文件流转为成blob地址预览pdf文件提示：以下是本篇文章正文内容，下面案例可供参考一、安装PDF插件依赖npminstallvue-pdf--save二、封装
厚积薄发的Cicci·2023-08-08 15:06

Vue系列第七篇：Element UI之el-main，el-table，el-dialog，el-pagination，el-breadcrumb等控件使用

本篇实现主页面功能，包括主页面排版布局，学生管理模块实现，后台接口实现等功能。目录1.运行效果1.1登录页面1.2主页面1.3学生管理-信息列表1.4学生管理-信息管理1.5学生管理-作业列表1.6学生管理-作业管理2.前端代码2.1代码结构2.2代码实现3.后端代码3.1代码结构3.2代码实现4.其他4.1vscode快速编写正则表达式1.运行效果1.1登录页面1.2主页面1.3学生管理-信息列
hsy12342611·2023-08-07 08:24

Vue系列第八篇：echarts绘制柱状图和折线图

本篇将使用echarts框架进行柱状图和折线图绘制。目录1.绘制效果2.安装echarts3.前端代码4.后端代码1.绘制效果2.安装echarts//安装echarts版本4npmi-Decharts@43.前端代码src/api/api.js//业务服务调用接口封装importservicefrom'../service.js'//npmiqs-Dimportqsfrom'qs'//登录接口e
hsy12342611·2023-08-07 08:24

Vue系列第六篇：axios封装，登录逻辑优化，404页面实现，Go语言跨域处理

第五篇利用vue实现了登录页面，用go语言开发了服务端并最后在nginx上进行了部署。本篇将axios封装，登录逻辑优化，404页面实现。目录1.前端1.1代码结构1.2源码2.服务端2.1源码3.运行效果4.注意事项4.1webpack.config.js和vue.config.js的区别4.2npmrundev与npmrunbuild4.3ajax、Promise、axios总结4.4Go语言
hsy12342611·2023-08-05 19:30

Vue数据代理+事件处理+事件修饰符的作用+计算属性的使用，尚硅谷Vue系列教程学习笔记（2）

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

vue的组件化编程的详细讲解加代码演示

前言本片文章是vue系列第5篇整理了vue的组件化编程的详细讲解加代码演示个人主页：尘觉主页个人简介：大家好，我是尘觉，希望我的文章可以帮助到大家，您的满意是我的动力在csdn获奖荣誉:csdn城市之星
尘觉·2023-07-29 01:18

vue的条件渲染以及列表渲染的总结归纳加代码演示

前言本片文章是vue系列第4篇整理了vue的条件渲染以及列表渲染的总结归纳加代码演示个人主页：尘觉主页个人简介：大家好，我是尘觉，希望我的文章可以帮助到大家，您的满意是我的动力在csdn获奖荣誉:csdn
尘觉·2023-07-29 01:17

vue的事件绑定和修饰符

前言本片文章是vue系列第3篇整理了vue的事件绑定和修饰符以及注意事项和代码演示个人主页：尘觉主页个人简介：大家好，我是尘觉，希望我的文章可以帮助到大家，您的满意是我的动力在csdn获奖荣誉:csdn
尘觉·2023-07-29 01:47

vue数据单双渲染以及代码讲解

前言本片文章是vue系列第2篇整理了vue的单双数据绑定以及代码讲解个人主页：尘觉主页个人简介：大家好，我是尘觉，希望我的文章可以帮助到大家，您的满意是我的动力在csdn获奖荣誉:csdn城市之星1名⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
尘觉·2023-07-27 13:15

Vue的下载以及MVVM分析

前言本片文章是vue系列第一篇整理了vue的基础和发展史个人主页：尘觉主页个人简介：大家好，我是尘觉，希望我的文章可以帮助到大家，您的满意是我的动力在csdn获奖荣誉:csdn城市之星2名⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
尘觉·2023-07-27 13:44

Vue系列第五篇：Vue2(Element UI) + Go(gin框架) + nginx开发登录页面及其校验登录功能

本篇使用Vue2开发前端，Go语言开发服务端，使用nginx代理部署实现登录页面及其校验功能。目录1.部署结构2.Vue2前端2.1代码结构2.1源码3.Go后台服务3.2代码结构3.2源码3.3单测效果4.nginx5.运行效果6.问题总结1.部署结构2.Vue2前端2.1代码结构2.1源码index.htmldemosrc/App.vuesrc/assets/css/reset.css/*ht
hsy12342611·2023-07-27 07:10

Vue系列第一篇：Ubuntu下搭建Vue开发环境，开发第一个程序并部署

Vue.js目前是前端技术比较火热的开发框架，是一个基于JavaScript的前端开发框架，它可以轻松地构建大型的单页面应用程序。因为项目需要在此记录一下Ubuntu下如何搭建Vue开发环境。目录1.nodejs+npm安装2.安装CNMP（非必要）3.Vue安装4.创建程序软连接5.创建Vue项目5.部署Vue项目（1）启动nginx并测试联通性（2）安装依赖并构建项目（3）将dis目录拷贝到n
hsy12342611·2023-07-22 15:41

Vue系列第二篇：初识Vue项目

上一篇我搭建了Vue开发环境，创建了一个demo项目，借助nginx将Vue项目编译部署。这一篇来看一下Vue项目的结构。如下图所示：我就创建一个空项目，结果Vue脚手架就帮我自动生成了这么多文件，看着挺吓人的。不用怕，这就是脚手架的厉害之处，面对这一堆文件，我们该如何理解项目架构，如何增加我们自己的功能呢？作为入门人员可以按照以下下顺序来理解项目。接下来按照顺序来分别介绍一下这5个文件的用处。目
hsy12342611·2023-07-22 15:41

Vue系列第三篇：Vue入门实战

本节进入Vue入门实战。目录1.创建Vue实例并响应鼠标事件2.数据据绑定实现动态的用户界面3.模板语法构建灵活强大的用户界面4.构建可复用的UI组件5.导航和路由切换6.补充：nginx中root和alias的区别1.创建Vue实例并响应鼠标事件Vue实例示例{{message}}改变消息varapp=newVue({el:'#app',data:{message:'欢迎来到Vue实例示例'},
hsy12342611·2023-07-22 15:41

防Vue系列-12 数据代理Proxy函数

Vue解析总纲上一节：防Vue系列-11为防Vue系列-07添加响应式代码在vue中可以通过this.age来获取age的值接下我们将创建一个proxy函数作用数据代理/***@paramstarget
_HtwoO·2023-07-19 20:32

2023年最新前端各系列面试题及答案

Vue系列面试官：说说你对vue的理解?面试官：说说你对双向绑定的理解?面试官：说说你对SPA（单页应用）的理解?面试官：Vue中的v-show和v-if怎么理解？
安语未·2023-07-18 22:43

【无标题】面试题

文章目录前言vue系列1.vue是什么2.Vue核心特性3.组件化插件化4.Vue跟传统开发的区别5.Vue和React对比6.指令系统7.列举常用的事件修饰符？列举按键修饰符？
Gttii·2023-06-21 04:09

Ant Design Vue系列：Options API 与Composition API的区别

AntDesignVue中OptionsAPI与CompositionAPI之间有什么区别呢？首先，AntDesignVue是一个基于Vue.js的UI组件库，它支持Vue2.x和Vue3.x版本。在Vue.js中，OptionsAPI和CompositionAPI是两种不同的组件编写风格。OptionsAPI是Vue2.x版本中推荐的组件编写风格，它将组件的属性、生命周期和方法都放在一个对象中，
浪潮行舟·2023-06-18 04:51

SystemVue系列 - 雷达库模型详解1

（原创文章，转载请与作者联系）前一篇：Keysight的SystemVue介绍及与ADS区别对比0.前言关于SystemVue，在之前的文章已有介绍，本文主要讲解它的雷达库模型。对于雷达仿真，通常用的Matlab、Simulink等，而Keysight的这个SystemVue工具其实更加强大。1.提供从雷达/电子战设计到验证和测试W1905雷达模型库是设计和测试雷达的仿真参考库电子战(电子战)系统
白浪博客·2023-06-15 11:56

vue系列教程-10vue过滤器和自定义指令

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址vuefilter过滤器这个过滤器其实可以看成就是保安这样一个，对资源做一些处理，当然不仅仅是看门这么简单我们这里举例比如敏感字符串的过滤全局过滤器那么和组件一样，有全局的私有的，我们先来定义全局的在vue实例化之前定义,首先msgFormat这个是过滤器的名称然后我们使用replace处理一下字符串再返回Vue.
lookroot·2023-04-19 05:14

七天略通Vue系列之 3.Vue.component

七天略通Vue系列之3.Vue.componentday03组件从UI拆分下来的每个包含模板(HTML)+样式(CSS)+逻辑(JS)功能完备的结构单元，我们称之为组件组件(Component)是Vue.js
kalvin_y_liu·2023-04-18 07:47

【vue系列-04】vue的表单数据收集，基本指令和自定义指令

vue的表单数据收集、指令一，vue的核心属性1，收集表单数据1.1，收集数据案例1.1.1，type类型的输入框1.1.2，radio类型的单选框1.1.3，checkbox类型的复选框1.1.4，select类型的下拉框1.2，收集表单数据总结1.3，v-model的三个修饰符2，指令2.1，基本指令2.2.1，v-text2.2.2，v-html2.2.3，v-clock2.2.4，v-on
huisheng_qaq·2023-04-18 03:33

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登录

壹周回顾哈喽，又是元气满满的一个周一，又与大家见面了，周末就是团圆节了，正好咱们的前后端也要团圆了，为什么这么说呢，因为以后的开发可能就需要前后端一起了，两边也终于会师了，还有几天Vue系列就基本告一段落了
weixin_30517001·2023-04-07 17:13

html用vue传递数据,Vue组件及数据传递详解

本文我们就和大家详细介绍一下Vue系列(三)：组件及数据传递、路由、单文件组件、vue-cli脚手架，希望能帮助到大家。一、组件component1.什么是组件？
weixin_39658900·2023-04-07 09:56

vue系列（12）：强制更新dom元素

1问题当更新mPano.mSrc.attr中的属性值时，v-pannellum没有进行相应的界面更新。2解决用:key来阻止“复用”，当key变化时dom会被刷新。一般情况下，key可以使用当前的时间。
碰碰qaq·2023-04-04 20:07

Vue系列：滚动页面到指定位置实现

Vue系列：滚动页面到指定位置实现方法1：scrollTop滚动到某位置image方法2：scrollTo，scrollBy，scroll滚动到某位置image方法3：scrollIntoView()实现滚动到具体某元素
i_木木木木木·2023-04-03 22:39

【web 前端面试笔试题自总结】

面试题react系列面试题vue系列webpack系列前端面试题js系列ts系列css系列git的使用模块化package.json中版本号rem适配项目？
WY_ALA·2023-04-02 10:38

前端系列第5集-Vue系列

Vue是一款流行的前端JavaScript框架，它采用了MVVM（Model-View-ViewModel）设计模式。Vue具有易学易用、高效灵活等特点，可以帮助开发者构建交互性强、响应式、可维护的Web应用程序。在Vue中，我们可以通过使用指令、组件、模板等方式来构建用户界面。Vue的数据绑定机制可以让我们轻松地将数据与DOM元素进行绑定，当数据变化时，DOM元素也会自动更新。此外，Vue还提供
掘金-我是哪吒·2023-04-02 00:24

vue系列（二）——vue3基础项目（集成框架）搭建

目录一、新建项目二、集成路由三、安装配置axios（网络请求库）四、使用vuex（暂无）五、结尾搭建流程：通过HbuilderX新建vue3项目，然后集成路由（vue-router）、axios（网络请求库）到这里一个基本的项目开发框架搭好了，按项目需要可以集成vuex（数据的存储和管理功能）。下面开始搭建吧！一、新建项目打开编辑器新建项目，填写项目名称，点击创建，之后等待项目加载完成就可以了。我
萧萧风·2023-03-31 04:17

mpvue系列（二）：新建页面、页面跳转、自适应单位

1、mpvue怎么新建页面？（1）粘贴复制一个页面文件夹，只需要改文件夹名-文件名不需要改，main.js里的东西不用动。exportdefault里更改局部顶部栏配置。（2）index.vue里面可以更改内容。2、mpvue页面跳转与传值？（1）在mpvue中没有继续延用vue路由的写法，而是继承小程序的一套解决方案，（2）用小程序的方法跳转传值。varurl="../one/main?id="
醉虾不醉·2023-03-29 07:39

mpvue系列(一)

一、什么是mpvue？mpvue是一个使用Vue.js开发小程序的前端框架。框架基于Vue.js核心，mpvue修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。二、mpvue的特性有哪些？彻底的组件化开发能力：提高代码复用性完整的Vue.js开发体验方便的Vuex数据管理方案：方便构建复杂应用快捷的webpack
笑红尘123·2023-03-26 09:26

【Vue系列5】——Vue组件化开发入门篇

点赞多大胆，就有多大产！开源促使进步，献给每一位技术使用者和爱好者！干货满满，摆好姿势，点赞发车前言本文主要说一下组件化开发一些概念和基本使用，有基础的小伙伴应该听过组件通信，插槽等这样的概念，我们下篇再说！在具体编码之前我们需要知道两个概念：什么是组件化为什么需要组件化组件化组件化介绍组件化是一种高效的处理复杂应用系统，更好的明确功能模块作用的方式，为了解耦：把复杂系统拆分成多个组件，分离组件边
添甄·2023-03-24 11:11

【前端八股文】vue系列：vue的优点和特点、生命周期、ref、$nextTick

文章目录vue的优点和特点双向数据绑定虚拟DOM组件化生命周期十个阶段相关功能题外话：数据请求在created和mouted的区别ref$nextTick参考本系列目录：【前端八股文】目录总结是以《代码随想录》八股文为主的笔记。详情参考在文末。代码随想录的博客_CSDN博客-leecode题解,ACM题目讲解,代码随想录领域博主vue的优点和特点双向数据绑定虚拟DOM组件化双向数据绑定通过MVVM
karshey·2023-03-23 17:52

vue系列教程-14axios的使用

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址什么是Axios是一个基于promise（承诺）的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库，从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装，就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识
lookroot·2023-03-23 03:36

VUE系列-Vue核心应用(二)

大家好，我是前端岚枫，一枚二线城市的程序媛，上篇主要跟分享了《Vue核心概念及特性(一)》，今天主要跟大家分享我整理的vue的一些常用的核心应用，主要包括一些表单组件、自定义指令、修饰符、watch、computed、动画、vue的生命周期及可能涉及到一些常用的面试题，vue面试题相关的答案我后期会专门整理分享。一.v-model的使用1.1select{{fruit}}1.2radio1.3ch
前端岚枫·2023-03-21 19:57

精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)

前言本文是笔者写组件设计的第十篇文章,今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样，通过引入组件标签来调用。比如Modal组件，我们一般这样来调用：我是弹窗内容我是弹窗内容我是弹窗内容我是弹窗内容但是通知提醒框(Notificati
徐小夕@趣谈前端·2023-03-19 09:32

Vue系列（一） -- 基础知识

概述Vue的特点是：响应式编程：保持状态和视图的同步（数据绑定）组件化：一切都是组件Vue只关注data的变化，使得代码更容易维护生命周期每个Vue实例在被创建时都要经过一系列的初始化过程，在这个过程中将运行一些生命周期钩子函数，从而在不同的阶段代码this所有的生命周期钩子函数自动绑定this上下文到实例中，因此可以调用实例中的数据，从而对属性和方法进行计算。注意：不能使用箭头函数来定义生命周期
bowen_wu·2023-03-09 03:14

vue系列生命周期（四）

vue生命周期，是指vue实例从创建到销毁的一个过程，掌握了这个过程中各个阶段的状态，就能合理使用，是我们的程序性能更高，开发更合理，减少bug。我们先看一张官方的vue的生命周期的图：可以看到，vue实例生命周期分为：beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,activated,deactivated,before
伊泽瑞尔灬·2023-02-24 16:45

03-Vue指令

很高兴在我的分享里与你认识，想持续跟着江哥学习Vue系列一键三连走起！什么是指令？
极客江南·2023-02-06 07:05

VUE系列-Vue中组件的应用(三)

大家好，我是前端岚枫，一枚二线城市的程序媛，上篇主要跟分享了《VUE系列-Vue核心应用(二)》，今天主要跟大家分享我整理的vue的组件相关的，主要包括组件声明、组件种类、组件间的几种数据通信方式及一些常用的面试题
前端岚枫·2023-02-06 04:27

Vue3核心概念、新特性及与Vue2的区别

大家好，我是前端岚枫，一枚二线城市的程序媛，上篇主要跟分享了《VUE系列-Vue中组件的应用(三)》，今天主要跟大家分享我整理的vue3的相关核心概念及其新特性，与Vue3的区别，主要包括Vue3性能提升
前端岚枫·2023-02-03 10:29

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

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

08、手把手教Vue--来几个小Demo

PS：转载请注明出处作者:TigerChain地址https://www.jianshu.com/p/0b45ac7914b7本文出自TigerChain手把手教Vue系列教程简介1、阅读对象本篇教程适合新手阅读
TigerChain·2023-01-30 19:46

vue系列-封装http请求

原文博客：Doi技术团队链接地址：https://blog.doiduoyi.com初心：记录优秀的Doi技术团队学习经历功能支持RESful风格（get,post,delete,put,patch）支持处理格式化URL（/demo/{id}）支持请求错误码跳转到指定url使用对外提供两个方法http(url='',data={},method="GET"):使用http请求getUrl(url=
蓝汝丶琪·2023-01-26 04:33

【Vue系列】Vue3.0知识点汇总整理

目录一、Vue3简介1、Vue3带来了什么？二、创建Vue3工程1、使用vue-cli创建2、使用vite创建补充：分析Vue3的工程结构三、常用CompositionAPI1、初识setup2、ref函数3、reactive函数4、reactive和ref对比1、从定义数据角度对比：2、从原理角度对比：3、从使用角度对比：5、Vue3中的响应式原理实现原理：6、Vue3中的计算属性和监视1、co
码上游·2023-01-18 14:50

【vue系列-01】vue初级入门以及demo实现详解

vue的初级入门1，vue是什么2，vue的特点2.1，采用组件化模式2.2，声明式编码2.3，虚拟DOM+Diff算法3，vue的环境的基本配置和使用3.1，在浏览器安装开发工具3.2，开发环境3.3，demo实现1，vue是什么其官网如下：https://cn.vuejs.org/Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计
huisheng_qaq·2022-12-23 21:30

【vue系列-02】vue的核心属性，数据代理，事件

vue的核心属性一，vue的核心属性1，模板语法1.1，插值语法1.2，指令语法2，数据绑定2.1，单向绑定2.2，双向绑定3.mvvm模型4，数据代理4.1，数据代理的基本使用4.2，数据代理在vue中使用4.3，数据代理总结5，事件5.1，事件处理5.2，事件修饰符5.2.1，prevent5.2.2，stop5.2.3，once5.2.4，capture5.2.5，self5.2.6，pas
huisheng_qaq·2022-12-23 21:57

Vue「六」前端路由、vue-router

Vue系列笔记第六篇。
imByte·2022-12-07 07:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他