前端专栏VUE学习第15页

VUE学习笔记 -- 页面传值

1.父页面向子页面传值在父组件中引用的子组件处在子组件中接收props:['aaa']父页面：Father.vue这是父页面importSonfrom"@/views/log/template/Son";exportdefault{name:"Father",components:{Son,},data(){return{a:100,user:{name:'张三',age:18,general:'

CelineT·2023-04-04 15:29

VUE2（基于Java方向的学习）

VUE2(基于Java的学习)--笔记基于尚硅谷学习视频自己简写Vue学习结构图1.Vue简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架(自底向上逐层应用)。

我愿为一粒沙·2023-04-04 09:52

2023.2.8日学习---李立超老师学习笔记

：由于直接看官方文档时，有很多东西不是太理解，比如当官方文档提出“渲染”这个概念、以及为什么要使用vueui、为什么要使用Vite，感觉看完不是太理解，所以还是听从内心的声音，找个视频看看，ok，迈出vue

和乐i·2023-04-04 09:19

Vue学习笔记03：Vue基础入门

文章目录Vue基础入门一、Vue简介1.什么是vue1.1解读核心关键词：构建用户界面1.2构建用户界面的传统方式1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理3.vue的版本3.1vue3.x和vue2.x版本的对比二、Vue的基本使用1.导入Vue的多种方式1.1CDN引入

双-鱼·2023-04-04 05:25

day6 vue 学习笔记 vue-router路由

系列文章目录day1学习vue2笔记vue指令day2学习vue2笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue

小鬼當街·2023-04-03 20:40

Vue学习笔记 —— vue-router之router-link

router-link标签中属性to,指定跳转的路径。tag:指定router-link渲染成什么元素，比如说渲染button、li、span等等。replace:不会留下history的记录，所以指定replace的情况下，后退或者是返回是不能返回到上一个页面。

莫非C·2023-04-03 20:06

vue学习笔记05（vue-router）

目录一、安装路由二、在项目中引入三、使用路由四、路由组件传参1、动态路由2、props路由组件传参五、嵌套路由配置六、别名七、History模式八、编程式导航1、不带参数2、带参数（params和query）九、路由导航守卫1、全局前置守卫2、全局后置钩子3、路由独享守卫4、组件内的守卫（3个）5、路由元信息在vue中，对页面的管理用到的是路由（vue-router）路由作用：完成页面的跳转，来管

小天呐·2023-04-03 19:14

Vue学习（六）——Vue-Router引入

新建项目安装依赖我们还是按照之前《Vue学习（一）——组件基础》的方式初始化项目。

sadoshi·2023-04-03 07:37

Vue学习笔记一：Vue-cli3搭建Vue项目

1.搭建一个vue-cli3项目npminstall-g@vue/clivuecreatestudy-vue.2.vue-cli3全局环境变量的使用（1）根目录下新建.env，添加环境变量VUE_APP_URL=https://mp.yc.info/api（2）使用环境变量data(){return{url:process.env.VUE_APP_URL}}注意：1.修改了环境变量后，要重启服务

开发者连小超·2023-04-03 06:22

Vue学习--Axios异步通信

什么是Axios之前，前端与后端进行数据资源交互，用到的是jQuery下的Ajax。现在axios的出现，可以干之前ajax干的活。Axios是一个基于promise的HTTP库，简单的讲就是可以发送get、post请求。值得注意的是，axios要求浏览器中的JS版本为ECMAScript6及以上。使用方式可以去官网下载，也可以使用在线cdn，本文采取后者，方便内容讲解在使用之前先交代一个事情：V

theLuckyLong·2023-04-03 03:30

java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署

java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构

自由族·2023-04-03 03:43

Vue学习之Vue的计算属性与Vue内容分发

vue计算属性vue计算属性的重点突出在属性两个字上（属性是名词），首先它是个属性其次这个属性有计算的能力（计算是动词），这里的计算就是个函数；简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），仅此而已布局篇计算属性调用当前时间属性：{{currentTime2}}调用当前时间方法：{{currentTime1()}}varapp=newVue({el:'#app',d

阳光非宅猿·2023-04-02 19:59

Vue学习——【第三弹】

前言上一篇文章Vue学习——【第二弹】中我们利用浏览器中的Vue开发者工具了解了Vue的相关工作机制，这篇文章介绍Vue的一个架构模型MVVM模型。

沃和莱特·2023-04-02 17:18

Web学习笔记——Vue（下）

Vue学习笔记（下）七、表单处理1、基本用法文本多行文本单选按钮复选框多个复选框选择框2、值绑定单选按钮复选框选择框3、修饰符.number.trim八、组件1、组件注册全局注册局部组件2、组件复用3、

程序崽·2023-04-02 17:47

vue自我学习日志1——大方向的

vue学习日志1看了就忘，那就只能用博客记录一下了。

waht_i·2023-04-02 17:10

Vue学习——Vue3自定义插件(组件)

我们要封装一个弹出框插件，它的效果是这样的：第一步：在项目中创建存放自定义插件的文件夹并在文件夹中新建.vue组件和一个index.js文件，.vue文件作为自定义插件第二步：在index.js文件中编写下面的代码//自写插件importToastfrom'./Toast'import{createApp}from'vue'constobj={}//当main.js执行到.use(toast)代码

爱干饭的小徐同学·2023-04-02 16:10

Vue学习——【第四弹】

前言上一篇文章Vue学习——【第三弹】中我们了解了MVVM模型，这篇文章接着学习Vue中的数据代理。简单介绍数据代理就是**一个对象(A)来代理对另一个对象(B)的属性操作(A一定要包含B)。

沃和莱特·2023-04-02 16:30

Vue学习：axios

Axios1.axios的简介1.1axios是什么Axios是一个基于promise网络请求库，作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.jshttp模块,而在客户端(浏览端)则使用XMLHttpRequests。前端最流行的ajax请求库react/vue官方推荐使用axios发送ajax请求官方网

Wei_Hss·2023-04-02 13:07

一文学会在Vue中使用Axios进行前后端通信

一、准备工作如何新建一个Vue项目请看我的另一篇文章：Vue学习之Vue结合ElementUI组件库搭建Web工程项目新建好之后，我们要在项目的build中加

阳光非宅猿·2023-04-02 08:58

Vue学习 4el与data的两种写法

el与data的两种写法el的两种写法在Vue实例中，我们通常采用在配置文件中直接声明el的方法来连接dom元素。例如下面这样你好，{{name}}varx=newVue({el:'#demo',data:{name:'Revin'}})其实连接dom元素还有第二种方法。首先创建Vue实例，创建完成之后采用vm.$mount()的方法连接dom元素。具体使用如下你好，{{name}}varx=ne

Revin050·2023-04-02 08:41

Vue：（三十七）Vue3.0第二弹-终章

今天这一章应该是Vue学习的终章了，漫长的理论知识学习终于结束了。

空谷有来人·2023-04-02 07:06

vue学习笔记1-单向绑定与双向绑定

vue学习笔记1-单向绑定与双向绑定准备工作安装浏览器vue开发者插件一个小问题：如果是使用了vue语法，按钮还是灰色的，去扩展那打开允许访问文件网址下载vue下载vue.js，不下载也行，但是刷新时会有点慢学习的是

楚五同学·2023-04-02 03:42

Vue学习(4)Vue3.0响应式系统api

使用响应式数据的主要目的是让数据发生改变的时候实时地改变模板中的显示效果，随之带来的是可以使用计算属性、监听器等便利的辅助功能。reactive是一个函数，它接收一个普通对象然后返回该普通对象的响应式代理。constobj=reactive({count:0})lettodos=reactive([{id:1,title:'任务一',completed:false},{id:2,title:'任务

乌云老思·2023-04-02 03:21

Vue学习笔记[02]-Vue的生命周期简介

什么是Vue的生命周期vue的生命周期是从vue被创建开始直到其被销毁为止的过程,它包含了beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,actived,deactived,beforeDestroy,destroyed.在2.5.0之后又新增了errorCaptured.lifecyclebeforeCreate在实例初

神楽花菜·2023-04-01 16:19

Vue 学习笔记入门篇表单与v-model

Vue学习笔记入门篇表单与v-model6.1基本用法v-model:VUE提供了v-model指令，用于在表单类元素上双向绑定事件可以用于input框，以及textarea等注意：所显示的值只依赖于所绑定的数据

hzl的学习小记·2023-04-01 11:49

vue学习第一天笔记

VUE下载和安装vue官网npm下载vue模块：npminstallvue下载完后使用里面的vue.js文件即可；vue.js是MVVM框架数据可以影响视图，视图也可以影响数据；体验vue.js模板渲染；在视图中用{{msg}}来引入msg的属性值到页面中，可以通过app.msg="xx"重新赋值，此时页面也会实时更新；声明式渲染{{msg}}varapp=newVue({el:"#app",da

果木山·2023-04-01 07:44

整理一份Springboot+vue学习笔记

P1环境搭建包括java,idea,maven配置,以及在idea中配置maven。注：在files->NewProjectSettings中配置maven路径，jdk版本1.8，不然重启会失效P2创建springboot项目，热部署1、创建springboot项目时type选Maven,springboot版本选2.x版本。2、热部署配置(包括pom.xml,application.proper

黑芝麻汤圆儿·2023-03-31 21:24

VUE学习(十七)、Vue封装的过度与动画

VUE学习(十七)、Vue封装的过度与动画Vue封装的过度与动画作用：在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。

心醉瑶瑾前·2023-03-31 17:26

Vue学习笔记（尚硅谷天禹老师）

1.Vue1.1Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发它本身只关注UI，可以引入其它第三方库开发项目1.2与其他JS框架的关联借鉴Angular的模板和数据绑定技术借鉴React的组件化和虚拟DOM技术1.3数据绑定数据绑定单向数据绑定：双向数据绑定：Vue.config.productionTip=falsenewVue({el:'#root',data:

·某某··2023-03-31 12:23

Vue学习笔记1.0（第二天）

vue制作weibo交互vue->1.0vue-resourceajaxphp服务器环境(node)this.$http.get()/post()/jsonp()this.$http({url:地址data:给后台提交数据,method:'get'/post/jsonpjsonp:'cb'//cbName});----------------------------------vue事件:@cli

weixin_39511858·2023-03-31 12:49

vue3学习笔记

Vue学习Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。

王墨鱼·2023-03-31 11:16

Vue.js入门学习笔记序言，从零开始建立个人站点 (vue学习 - Ch1.0 序言)

文章目录背景介绍博客介绍背景介绍本章内容将从零开始完成一个实用系列Vue.js个人笔记博客项目的开发，以下是可能需要的基础，请您注意~一台Windows/Mac/Linux计算机，如果有一台vps服务器更佳。一门面向对象程序设计语言基础，比如C++\Python。必要的H5+CSS+JavaScript基础。(非必须)一定程度的计算机网络和系统基础。博客介绍博客笔记将从Vue.js这个渐进式框架入

Nesb01t·2023-03-31 11:52

Vue学习 -- 如何用Axios发送请求（get post）Promise对象跨域请求问题

什么是AxiosVue本身是不支持发送axios请求，需要使用第三方插件，这里推荐使用Axios，Axios是基于promise的HTTP库；它会从浏览器中创建XMLHttpRequset对象。安装Axiosnpminstallaxios-S下载后把axios.js文件复制进项目目录并引入进代码里就可以了Promise对象认识Axios是基于Promise的HTTP库，那么Promise是什么呢？

冲鸭嘟嘟可·2023-03-31 05:59

Spring Security+JWT+前后端分离学习笔记

这里面主要用到的技术：SpringBootSpringSecurityMyBatis-PlusMySQLVue学习过程中看到觉得挺好的链接：MarkerHub的VueAdmin项目前后端笔记：https

a_wing啊·2023-03-30 11:30

Vue学习笔记-Vuex使用

一、安装npminstallvuex--save或者yarnaddvuex二、创建Vuex和注入到Vue实例对象Vuex使用单一状态树（用一个对象就包含了全部的应用层级状态）。每个应用将仅仅包含一个store实例。importVuefrom'vue'importVuexfrom'vuex'//1.注册插件到VueVue.use(Vuex)//2.创建对象conststore=newVuex.Sto

31313_iOS·2023-03-29 22:40

Vue学习---生命周期

一、生命周期图示lifecycle.png1.beforeCreat:实例初始化之后，数据观测，event/watcher事件配置之前调用2.created:实例初始化之后,且实例已经完成以下配置：数据观察，属性与方法的运算，event/watch事件的回掉。且挂载阶段没有开始，$el属性不可见3.beforeMount:挂载开始之前（准备挂载）4.mounted:el被新创建$el所替代。挂载成

婼熙之名·2023-03-29 19:47

【Vue】初识Vue(一)

Vue学习·扬帆起航~本文已收录至专栏：Vue框架由于Vue2与Vue3存在许多相似之处，先开始Vue2学习再进阶到Vue3我们知道技术的兴起与流行一般都是为了帮助我们解决一类问题使得我们开发体验更加舒适

观止study·2023-03-29 16:53

vue学习记录

一、toDoList练习1.同级组件之间传值功能描述：实现点击全部任务未完成任务已完成任务按钮的过滤。需要点击全部任务的时候（mainPanel.Vue）去将过滤后的数组传给另一个子组件(Lists.Vue)去渲染。1.在src目录创建公共组件eventBus.js（创建一个空的Vue实例）代码：importVuefrom'vue'exportdefaultnewVue()2.mainPanel.

甜柚小仙女·2023-03-29 12:11

vue学习收录

框架element-饿了么出品的Vue2的webUI工具套件mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本UI组件合集vue-material-通过VueMaterial和Vue2建立精美的app应用muse-ui-三端样式一致的响应式UI库vuetify-为移动而生的VueJS2组件框架vonic-快速构建移动端单页应用vue-blu

静静滴疯·2023-03-29 08:30

Vue学习(二)-胡子({{}})语法

一，插值操作这种语法叫做Mustache语法中文叫做胡子的意思，两个{{}}长的比较像胡子，所以这样命名了{{message}}{{message+''+message}}{{(num+10)*2}}{{message}}{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!',num:0}})涉及插值操作的指令v-once我们知道

狄鸠·2023-03-29 06:49

Vue学习(六)-v-if的使用

v-if的使用v-if满足一定条件渲染数据使用我是div，isShow为True时我显示我是div，isShow为False时我显示varapp=newVue({el:'#app',data:{counter:0,isShow:true},})v-else-if=90'>优秀=80'>良好=60'>及格不及格varapp=newVue({el:'#app',data:{score:60},})//

狄鸠·2023-03-29 06:49

新书上市 | Vue 3.0 核心源码解析，这本书给Vue学习提供新方法

Vue.js作为一款极简的MVVM框架，因其轻量、易上手，得到了众多开发者的喜爱。自从2014年Vue诞生以来，这个框架设计的初衷，尤大说只是为了设计一个让自己用起来舒服的框架，随着受欢迎程度和用户数量的不断增加，它已经逐步成为一个成熟的框架，且在GitHub上有199k的Star数，帮助许多开发者解决了日常开发中遇到的难题。如今前端技术日新月异，前端应用复杂度也在日益提升，各家公司招聘时不仅要考

turingbooks·2023-03-29 01:49

vue学习篇——vue框架和其他框架对比（官网）

DSL(Domain-SpecificLanguage领域特定语言)ReactReact和Vue有许多相似之处，它们都有：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。运行时性能优化在React应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要

搬个菠萝晒太阳·2023-03-28 22:42

vue学习记录第四天

钩子函数的生命周期根实例，在初始化时会调用很多方法，这些方法被称为钩子函数生命周期：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestorydestoryedbeforeCreate(){}，此时只有内部方法此方法一般用不到create(){}获取ajax，初始化操作beforeMount(){}编译前的操作，也没有

大白熊_8133·2023-03-28 12:28

Vue学习笔记01-04

一、课程01//GitHub上获取代码，速度很慢，使用了GitHub代理gitclonehttps://pd.zwc365.com/seturl/https://github.com/hemiahwu/vue-basic.git//切换分支课程gitcheckoutlesson-1*25二、课程02el和data的使用1、vue官网https://cn.vuejs.org/2、安装开发工具vsco

wing2464·2023-03-28 09:37

Vue学习笔记分享之Vue组件化编程

目录2.1模块与组件、模块化与组件化2.1.1.模块2.1.2.组件2.1.3.模块化2.1.4.组件化2.2.非单文件组件2.3单文件组件2.3.1.一个.vue文件的组成（3个部分）1、模板页面2、JS模块对象3、样式2.3.2.基本使用2.1模块与组件、模块化与组件化2.1.1.模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写

·2023-03-28 07:31

Vue学习之旅Part9：使用vue-router实现前端路由和参数传递

一、概念1、什么是路由简单来说路由就是URL到函数的映射访问的URL会映射到相应的函数里然后由相应的函数来决定返回给这个URL什么东西路由进行的是一个匹配的工作2、后端路由和前端路由1、后端路由：对于普通网站所有超链接都是URL地址所有的URL地址都对应服务器上对应的资源每个前端的资源都对应着一个URL地址由后端路由进行分发浏览器在地址栏中切换不同的url时每次都会向后台服务器发出请求然后服务器响

Piconjo_Official·2023-03-27 08:05

Vue学习笔记（3）关于Vue的计算属性

通过之前的学习，我们学习了模板之中的文本插值，这可以很好的实现数据的展示与绑定，但是这样的展示是有点缺陷的，比如当你想把数据做一定的复杂处理过后才展示的时候，当然你也可以继续地使用模板，可是这会显得特别难以维护。Vue当然也是给出了解决方案，这就是计算属性，先给出代码Vue{{message}}{{reverseMessage}}varvm=newVue({el:'#app',data:{mess

MezereonXP·2023-03-26 11:05

vue入门--week1

vue学习笔记，比较基础。

油多坏不了菜·2023-03-26 01:45

Vue学习第一课

1：在项目中引入Vue通过静态cdn的方式引入：文件来源：bootcdn前端资源库2：添加绑定在视图;在vue模板中，通过el:'vue'。绑定对应的div视图；注意事项：Vue模板内容，仅仅对绑定的div及其子视图生效；3：常用指令1：显示msg内容：{{msg}}；2：显示一段html文本：v-html='html'；3：绑定链接：v-bind:href="url"或者简写：:href="ur

伙伴崩溃·2023-03-25 22:27

推荐频道

前端专栏VUE学习