#vue学习

Vue学习笔记-缓存路由组件

作用让不展示的路由组件保持挂载，不被销毁具体编码在需要缓存的路由组件上级组件中编写如下代码
theLuckyLong·2023-12-05 09:57

vue学习手册（此文章持续更新中。。。）

第一部分：VUE指令1.插值表达式{{msg}}{{led}}constapp=newVue({el:'#app',data:{msg:"你好",led:"你在哪"}})2.v-htmlconstapp=newVue({el:'#app',data:{baidu:`taobao`}})3.v-show和v-ifv-show1.作用：控制元素显示隐藏2.语法：v-show="表达式"表达式值true
Red丶哞·2023-12-05 03:13

在vue学习中遇到的关于vue的keep-alive中，使用include和exclude不生效的问题

转载于==>https://blog.csdn.net/Y_shihao/article/details/101542294想让该路由不被缓存在组件缓存keep-alive加上exclude没有起作用需要对组件设置对应的name属性，是在组件中，而不是路由中关于其他路由缓存问题请移步==>https://blog.csdn.net/qq_35220376/article/details/89879
浮生若梦_44a4·2023-12-04 18:20

vue学习笔记（七）——购物车案例及开发中的一些心得体会

一、props属性定义以及一些细节应用1.1props的2种定义方式props:[]-只声明变量,不能类型校验props:{}-声明变量和校验类型规则-不对则报错父组件定义属性子组件接收父组件传的值props:{backgroundColor:String,//外部传入此变量的值必须为字符串类型，否则报错title:{type:String,required:true//必须传入此变量的值，否则会
因为奋斗超太帅啦·2023-12-04 15:38

Vue学习之组件基础

上一篇：Vue学习之表单输入绑定基本实例//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{
aitality·2023-12-03 11:13

iOS程序员学习Vue实战

就这样，vue学习之路开始了。过了一遍官网之后就开始想实战了，从网上查了资料正好看到黄轶大神的vue-music，于是就开始仿写了。。。
davisjy·2023-12-03 03:20

寒假总结

阶段学习vue学习花费时间：12天（没有预期）遇到问题：1.vue-cli学习阶段因为版本问题出现问题（耽误一天时间）2.vue组件之间传值时出现问题（研究了一天）解决办法：1.学习了推荐版本的脚手架2
王祉凯_家族二期·2023-12-02 21:51

Vue学习笔记-模块化+命名空间

目的让代码更好维护，让多种数据分类更加明确（不同的模块挤在一个index.js中显得臃肿且不方便管理）实现方式修改store/index.js(也可以将不同模块分别写在不同的js文件中)constcountAbout={//开启命名空间namespaced:true,actions:{......},mutations:{......},state:{sum:0,},getters:{bigSum
theLuckyLong·2023-12-01 23:16

Vue学习笔记-命名路由

作用简化路由的跳转,适合在路径过长的时候使用（例如：path:'/a/b/c/d/e/f/...'）如何理解：相当于给路径起别名使用方式给路由命名//创建一个路由器constrouter=newVueRouter({routes:[......{path:'/home',component:HomeVue,children:[{path:'news',/*二级路由不用写斜杠*/component:
theLuckyLong·2023-12-01 23:16

Vue学习笔记-路由的基本使用

版本问题vue2要下载vue-router3vue3要下载vue-router4使用步骤安装vue-router，命令：npmivue-router@版本号在main.js中导入vue-router模块，并且使用vue-router插件......//引入vue-routerimportVueRouterfrom'vue-router'......//应用插件Vue.use(VueRouter)在
theLuckyLong·2023-12-01 23:45

VUE学习——脚手架项目

目录VUE组件化基础组件树注册组件的方式注册全局组件全局组件的逻辑组件名称全局组件的特点局部组件（components真正常用的）vue开发模式（真正开发中怎么写）单文件(SFC)VUECLI脚手架CLI介绍(CLI:命令行界面)准备工作（下载node.js和git）nodejs认识npm认识安装流程在vscode使用nodejs命令前的一个问题使用脚手架步骤CLI项目结构解析（必须要掌握）pac
快乐本乐·2023-12-01 11:45

ruoyi-vue学习01

简介毕设用的ruoyi，可以算是一边学习，一边做毕设，学到不少，这里分享一下[图片上传失败...(image-180549-1648217844894)]内容上面展示了ruoyi项目之间的关系首先就来说一下，ruoyi是怎么做分页的吧首先ruoyi使用的是PageHelper很清楚了首先点开一个SysUserControllerextendsBaseController，看到如下获取用户列表，从前
无奈何杨·2023-12-01 06:01

vue学习笔记：路由vue-router的使用，路由传递数据

在使用vue-router之前要先引入:cnpm/npminstallvue-router--save引入之后就可以在组件之间使用路由进行跳转，首先建立两个组件titleHeader和homeHeader，和他们下面的内容路由文件titleContent和homeContent，再然后在main.js中引入vue-router,importVueRouterfrom'vue-router'Vue.
落花别有意 流水似无情·2023-11-29 16:27

【Vue学习笔记_09】v-model绑定表单元素

【Vue学习笔记_09】v-model绑定表单元素v-model基本使用和原理v-model绑定radio元素v-model绑定checkbox元素checkbox单选框checkbox复选框v-model
BugFrog1024·2023-11-29 12:27

Vue学习笔记-搭建Vuex

1.概念在Vue实现集中式状态（数据）管理的一个插件，对Vue中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间的通信方式，适用于任意组件间的通信2.使用场景多个组件需要共享数据时3.搭建Vuex环境创建文件src/store/index.js//index.js文件用于创建Vuex中最为核心的store对象importVuefrom'vue'importVuexfrom'vuex'V
theLuckyLong·2023-11-29 10:52

Vue学习笔记-Vuex中getters的使用

概念当Vuex中state里的数据需要加工后再使用,并且希望复用时，可以使用getters加工配置在/store/index.js中追加getters配置......conststate={...sum:3,...}//这里的getter用法类似于vue中的计算属性，getters中的方法参数天生可以获取state对象constgetters={bigSum(state){returnstate.
theLuckyLong·2023-11-29 10:52

Vue学习笔记-Vuex四个map方法的使用

在组件中导入方法import{mapState,mapGetters,mapActions,mapMutations}from'vuex'mapState方法的使用注意：这里的…是ES6语法，表示将该的对象所有属性展开，放入其所在上级对象中......computed:{//借助mapState生成计算属性，从Vuex中的state对象中读取数据（对象写法）...mapState({sum:'su
theLuckyLong·2023-11-29 10:52

Vue学习笔记-Vuex基本使用

基本使用初始化数据、配置actions、mutations，操作文件/store/index.js//index.js文件用于创建Vuex中最为核心的store对象importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)//actions对象用于响应组件中的动作,专门负责业务逻辑constactions={//函数声明完整写法，actions中的方法天
theLuckyLong·2023-11-29 10:46

VUE学习日记｜vue-pdf打包缺少worker.js导致pdf无法预览

项目场景：前端实现pdf在线预览功能，后段返回的pdf是文件流的形式问题描述：前端已通过vue-pdf实现pdf在线预览功能，且本地测试通过，但通过Jenkins打包后部署在测试环境测试时，发现pdf在线预览功能失效，显示白屏，无法正常显示内容，查看控制台报缺少worker.js404。报错：GEThttp://XXX.XXX.XXX.com:8090/c52a93e....worker.js40
业余的达莲娜·2023-11-29 09:59

vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
weixin_39567046·2023-11-29 05:47

android 设置允许http请求_Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
weixin_39539761·2023-11-29 05:16

vue异步数据切换闪烁

0">import{ref}from"vue";constlist=ref([]);//假设这是异步请求http(list.value=data)vue学习记录模版闪烁：类似模版{{name}}闪烁可以用
找个昵称好难·2023-11-28 12:22

Vue 学习随笔系列四 -- form 表单封装

Vue学习随笔系列四–form表单封装文章目录Vue学习随笔系列四--form表单封装一、form表单封装方法(1)1、组件封装2、组件使用二、form表单封装方法(2)1、form表单组件封装2、表单组件引用三
梅子酱~·2023-11-28 08:01

Vue学习笔记之vue-cli安装

Vue学习笔记之vue-cli安装（一）安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。
cctN·2023-11-28 07:50

Vue学习7----demo练习，实现todolist效果2

效果图：源码（复制即可运行）App.vue增加进行中{{item.title}}----删除已完成{{item.title}}----删除exportdefault{name:'app',data(){return{msg:'WelcometoYourVue.jsApp',todo:'',list:[{title:'录制nodejs',checked:true},{title:'录制ionic',
zhaihaohao1·2023-11-28 05:17

Vue学习（七）——引入Axios

前言Vue官网推荐使用Axios用于Ajax调用。本文介绍如何在Vue项目中引入Axios。准备服务端程序本服务端程序仅用来测试，如果读者有其他rest接口用于测试可跳过此节。我通过Eclipse创建一个Springboot项目。首先新建maven选择webapp那一项填写必要信息便可完成修改pom.xml文件，主要增加对spring-boot和spring-mvc的依赖。前几行注释掉的地方是我的
sadoshi·2023-11-27 23:36

Vue+Springboot项目练手（主要是后端）

Vue学习笔记：我个人不太建议看这篇文章，可以自己去找文章看看，我这篇文章我感觉写得有点乱，我建议跳过前面四部分，直接看后面。
同学郑学习·2023-11-26 17:23

vue学习笔记

该笔记均来自B站up主[程序员Allen]的视频前端项目/vue项目实战/vue+element-ui/vue经典案例分享/紧贴实战的vue经典案例_哔哩哔哩_bilibilitips：报Componentnamesshouldalwaysbemulti-word等错误，如不能命名Home.vue等，在vue.config.js中添加lintOnSave:false，然后重新runvue命令vsc
王小帅帅帅·2023-11-26 13:25

Vue学习笔记

记住：核心，数据驱动（虚拟化DOM操作）和组件化的概念第一部分.是部署项目vuehr项目遇见的问题，第一个问题：NodeSassdoesnotyetsupportyourcurrentenvironment:Windows64-bitwithUnsupportedruntime(83)Formoreinformationonwhichenvironmentsaresupportedpleasese
同学郑学习·2023-11-26 11:49

Vue学习笔记-总结

狂神说Vue笔记Vue的核心库只关注视图层，方便与第三方库或既有项目整合。HTML+CSS+JS:视图：给用户看，刷新后台给的数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI:ICE,ElementUI一、前端核心分析1.VUE概述Vue(读音/vju/,类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设
学编程的LY·2023-11-26 11:48

vue学习---->一个运维的前端之路

一.vue.js渐进式的javascript的框架二.vue的优点1）体积小，更高的运行效果，双向数据绑定，生态丰富，学习成本低三.引入vue进行对vue的简单了解vueDemo{{age}}{{name}}鼠标悬停几秒钟查看此处动态绑定的提示信息！现在你看到我了{{todo.text}}{{info}}字母大写{{mess}}{{addr}}{{msg}}usingv-htmldirective
宇晨棒棒的·2023-11-25 15:57

vue学习计划四：了解Vue的生命周期以及组件在不同阶段的状态和行为

Vue.js是一个渐进式JavaScript框架，其数据驱动的视图层组件化设计使得其生命周期变得非常重要。生命周期是指组件从创建到销毁的整个过程，它分为多个阶段，每个阶段都有相应的钩子函数可以被调用，以便在这些时刻进行相应的操作和处理。Vue生命周期的三个阶段：创建阶段：在这个阶段，Vue实例正在初始化，它会在内存中创建一个实例，并对实例进行初始化设置。在这个阶段，Vue会调用一些特定的函数来创建
袁代码·2023-11-25 00:11

【Vue学习笔记】三、vue组件与生命周期

【Vue学习笔记】三、vue组件与生命周期三、vue组件与生命周期1）vue组件2）组件之间的父子关系3）使用组件的三个步骤4）注册全局组件5）组件的props1.创建props自定义属性2.结合v-bind
Quindrich·2023-11-25 00:08

Vue学习之路

1.vue是什么概念：vue是一个用于构建用户界面的渐进式框架声明式渲染=>组件系统=>客户端路由(VueRouter)=>大规模状态管理(Vuex)=>构建工具(Webpack/vite)vue的两种使用方式：1:Vue核心包开发场景：局部模块改造2::Vue核心包&Vue插件工程化开发场景：整站开发2.插值表达式{{}}1:作用：利用表达式进行插值，渲染到页面中2:语法：{{表达式}}3.响应
wuhuajun_123456·2023-11-24 23:09

Vue学习—深入剖析v-on指令

深入剖析v-on指令一、v-on指令1.使用2.为什么在HTML中监听事件?二、v-on修饰符1.事件修饰符1.stop2.prevent3.capture4.self5.once6.passive2.按键修饰符1.按键码3.系统修饰键4.exact修饰符5.鼠标按钮修饰符一、v-on指令1.使用v-on指令可以监听DOM事件，并在触发时运行一些JavaScript代码事件类型由参数指定点击+1被
飞羽逐星·2023-11-24 23:09

Vue学习之 --- 渲染指令

1.v-if,v-show渲染指令v-if是动态的创建或动态的删除,v-show是通过样式隐藏或显示.这是被v-if控制的元素这是被v-show控制的元素切换flagconstvm=newVue({el:'#app',data:{flag:true},methods:{switchflag(){this.flag=!this.flagconsole.log("flag的值是:"+this.flag
吾心流云·2023-11-24 23:36

Vue学习之路------指令

Vue指令vue会根据不同的指令，针对标签实现不同的功能指令:带有v-前缀的特殊标签属性1：v-html：指令2：v-show作用：控制元素显示隐藏语法：v-show="表达式"表达式值true显示，false隐藏原理：切换display:none控制显示隐藏场景：频繁切换显示隐藏的场景3:v-if作用：控制元素显示隐藏(条件渲染)语法：v-if="表达式"表达式值true显示，false隐藏原理
wuhuajun_123456·2023-11-24 23:34

vue学习笔记——简单入门总结(三)

文章目录1.Vue的理解：1.1.mvvm模型：1.2.vue2的数据代理：1.3.vue2的生命周期：1.4.vue中的render函数：1.5.mixin混入：2.Vue组件间通信：2.0.props：2.1.全局事件总线：2.2.消息订阅与发布：2.3.Vuex插件通信：2.4.$nextTick：1.Vue的理解：1.1.mvvm模型：vue的思想参考了mvvm模型，model通过vm操作
只会写bug的靓仔·2023-11-24 20:35

我的Vu啊（vue 2.0，数据监听，计算属性，组件传参）

提示：个人Vue学习工作总结（持续更新中如果有不对的地方还请前辈多多指点）文章目录vue计算属性computedvue数据监听wacth提示：以下是本篇文章正文内容，下面案例可供参考一、什么是计算属性(
卑微的雨落·2023-11-24 10:22

Vue学习笔记

此学习笔记是看网易云课程的学习笔记。Vue全套精品课-网易云课堂#下载node，配置环境变量#初始化一个vue项目npminstall-gvue-cli#安装vue-clivueinitwebpacktest1#初始化一个vue项目cdtest1#进入项目npminstall#安装依赖npmrundev#运行项目#项目目录结构index.html项目根目录视图.postcssrc.js:postc
兮川·2023-11-24 08:46

Vue学习笔记-高德地图组件

公司之前一直使用的是百度地图组件，最近运营人员一直反映一个问题：有一些地区在百度地图上搜不到，地址搜索没有响应。我以为是地图API版本不对，更新了版本，这个问题还是存在。于是我就考虑换一个地图组件也解决这个问题，于是高德就成了我的第一选择。准备工作：在高德开放平台，注册成为开发者。高德开发者平台-应用.png申请Key，我申请的是Web端（JSAPI），不同的API效果可能不一样。实现方式：一：引
赵客缦胡缨v吴钩霜雪明·2023-11-23 22:01

2w多字总结的VUE学习文档

VUE学习文档文章目录VUE学习文档回顾：总结0目标1.前言2.认识Vue3.快速入门3.1.创建工程3.2.安装vue3.2.1.下载安装3.2.2.使用CDN3.3.vue入门案例3.3.1.HTML
小小のBigData·2023-11-23 03:54

Vue学习路线图！

如果你是Vue开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染，等等。你可能还听说过与Vue.js生态系统有关的，包括Vue核心库、VueRouter和Vuex。一口气吃不成胖子，试图一下子学习所有东西可能是徒劳的，所以我将在这篇文章中展示一个高级“知识地图”，它包含了与Vue开发相关的关键领域。0.JavaScript和基本的Web开发如果我要你学习中文书籍中所写的
测试狗一枚·2023-11-22 20:51

Vue学习

1。搭框架依赖等创建vue项目vuecreate项目名称vuecreate[options]使用vitenpminitvite@latest----templatevue目录调整1apiutilsvenderimages、styles配置文件jsconfig.json配置之后路径可以直接使用@/{"compilerOptions":{"baseUrl":"./","paths":{"@/*":["
ccubee·2023-11-22 20:47

Vue学习之props属性的使用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、props二、项目中的使用提示：以下是本篇文章正文内容，下面案例可供参考一、props功能：让组件接收外部传过来的数据传递数据：接收数据：第一种方式（只接收）：props:['name']第二种方式（限制类型）：props:{name:String}第三种方式（限制类型、限制必要性、指定默认值）：props:{name:{
啦啦啦？？？·2023-11-22 18:15

Vue学习笔记（十）：获取跨层级组件实例

组件实例（正常到数据层）场景：1、e-charts2、input结点手动处于focus状态this.$refs.xxx获取DOMp获取父组件parent.ref获取子组件child.ref跨级获取组件：递归（麻烦），而且存在的问题是：子组件实例更新了，实例并不能缓存，父组件不能及时的知道更新ref是一个回调，可以在回调中处理v-ant-refbind：实例调用回调，传递过去更新的时候，把新的实例告
smartHui·2023-11-22 16:48

Vue学习笔记01day_05.数据双向绑定v-model

Document{{msg}}-->//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'大家都是好学生，爱敲代码，爱学习，爱思考，简直是完美，没瑕疵！'},methods:{}});
菜鸟柱子·2023-11-22 02:23

vue学习笔记3----数据绑定

数据绑定将model和view绑定起来。例如value="name"，data中的name值发生变化，输入框中的值也会发生变化。单向数据绑定与双向数据绑定vue中有2种数据绑定的方式：单向数据绑定（v-bind）：数据只能从data流向页面；双向数据绑定（v-model)：数据不仅能从data流向页面，还可以从页面流向data；备注：双向数据绑定一般都应用在表单类（输入类）元素上（如：input、
lazy91·2023-11-22 01:19

vue学习笔记---(1)数据绑定(v-model && v-bind)和事件处理(v-on)

数据绑定和事件处理v-bindv-bind是单向绑定，用来绑定数据和属性以及表达式，只能将vue中的数据同步到页面。v-modelv-model是双向绑定，不只能将vue中的数据同步到页面，而且可以将用户数据的数据赋值给vue中的属性。v-on事件处理绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略用在普通元素上时，只能监听原生DOM事件。用在
Tomcat20·2023-11-22 01:46

Vue学习第二天

文章目录一、样式绑定1.class绑定2.数组绑定class3.style绑定属性二、事件绑定指令三、事件修饰符1.stop2.prevent3.capture4.once一、样式绑定1.class绑定v-bind:class设置一个对象，从而动态的切换class,实例中将isActive设置为true显示了一个粉红色的div块，如果设置为false则不显示Document.active{widt
Qiuxuntao·2023-11-21 14:00
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他