#vue学习第9页

Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署

文章目录一、参考资料二、运行环境三、页面跳转问题3.1MPA多页面3.2SPA单页面3.3MPA比较SPA3.4SPA总结四、vue-router路由插件4.1路由的理解4.2路由分类4.2.1后端路由4.2.2前端路由4.3Vue2路由的使用4.4Vue2路由使用的注意点4.5多级嵌套路由4.6vue-router路由传参4.6.1query传参4.6.2params传参4.6.3props配置

「已注销」·2023-10-18 16:49

vue学习笔记(一)入门

前言随着前端不断的壮大，许多公司对于前端开发者的需求也越来越多了，作为一名优秀的前端工程师，如果连vue和react都不会的话，那真是out了，为什么那么说呢？这是我在招聘网站上截的一张图，十家公司有九家都是需要对vue或者react熟悉，当然仅仅熟悉肯定是不够的，毕竟掌握住了才能保住自己的铁饭碗，否则的话可能会被炒鱿鱼，精通vue或者react话就可能就需要很长时间了，反正我是不敢说精通，只能说

一只流浪的小码农·2023-10-17 20:01

JavaScript+JQuery+Vue学习笔记

前端学习总结1.css2.JavaScript2.1.调试2.2.数据类型2.3.严格检查模式2.4.流程控制2.5.Map和Set2.6.函数2.7.变量的作用域2.8.方法2.9.内部对象2.9.1.Date2.9.2.JSON2.9.3.Ajax2.10面向对象编程2.11.操作BOM对象2.12.操作DOM对象（核心）2.13.操作表单3.JQuery3.1.第一个Jquery程序3.2.

越奋斗，越幸运·2023-10-17 20:08

Vue学习6：axios网络模块封装

Vue学习6：axios网络模块封装文章目录一、介绍二、axios的基本使用三、axios发送并发请求四、axios的配置信息五、axios的模块封装六、axios的拦截器使用一、介绍为什么选择axiosjsonp

Vivian小姐·2023-10-17 03:04

npm安装-详细教程

npm安装教程第一章Vue学习入门之Node.js的使用文章目录npm安装教程@[TOC]前言一、npm是什么？

panpan_Yang·2023-10-17 01:36

Vue学习之从入门到入土

el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串data中用于存储数据，数据供el所指定的容器去使用插值语法：{{xxx}}适用于标签体内xxx可以直接接受到data中的所有属性指令语法：适用于解析标签v-bind可以给属性动态绑定：v-band：href=“url”其中“url”作为表达式其中v-bind可以简写成：el的两种写法：（1）el：'#root',（2）v.$mo

阿伟在自律·2023-10-16 18:16

一个Java后端的Vue自学笔记_一个Java后端的Vue自学笔记

本人最近自学了一些Vue的皮毛，写下这篇博客不是为了哗众取宠，权当是为自己做一个Vue学习笔记。这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。

李姝瑶·2023-10-16 11:42

vue学习笔记

目录1.created()和mounted()的区别及其用法2.vue学习过程中问题点记录。

诗仙&李白·2023-10-15 21:05

Vue学习笔记-IPV6地址校验

最近接手的项目需要使用到IPV6地址，前段需要用JS进行IPV6合法性校验，所以开始研究。IPV6百度百科ipv6表示方法IPv6的地址长度为128位，是IPv4地址长度的4倍。于是IPv4点分十进制格式不再适用，采用十六进制表示。IPv6有3种表示方法：冒分十六进制表示法格式为X:X:X:X:X:X:X:X，其中每个X表示地址中的16b，以十六进制表示。例如：ABCD:EF01:2345:678

赵客缦胡缨v吴钩霜雪明·2023-10-15 11:21

Vue学习之路由访问与混入对象篇

Vue系列文章目录Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue系列文章目录一、Vue路由访问二、Vue的混入对象理解一

cug-jdc·2023-10-15 08:54

vue学习笔记-02

继上一篇关于的动态属性和v-model内容的补充，计算属性和侦听器目录1.动态绑定style2.v-model(v-model实现原理，v-model自动收集表单数据和ref来获取表单数据)v-model实现原理:v-model自动收集表单数据:ref来获取表单数据:3.计算属性4.侦听器1.动态绑定style关于style的动态绑定有5种方法：第一种：对象形式第二种：数组形式第三种：三目运算符形

小天呐·2023-10-15 07:20

关于Vue那些事

Vue学习笔记1.webpack.config.js配置1.下载[email protected]文件处理-style-loader1.安装style-loadernpminstall

小鲁爱记录·2023-10-15 02:53

Vue学习：Vue中的组件自定义事件

一般情况下，可以通过props实现父组件传递数据给子组件，通过vue的组件的自定义事件也可以实现子组件和父组件之间的通信。通过使用$on(eventName)监听事件，使用$emit(eventName)触发事件，$off(eventName)移出自定义事件监听器。自定义组件传递数据的两种写法：1、通过父组件给子组件绑定一个自定义事件实现：子给父传递数据（使用@或v-on）：父组件中接收参数：ge

人海@·2023-10-14 22:03

Vue 学习随笔系列二 -- 前端文件导出

Vue学习随笔二——前端文件导出后端接口返回的文件流下载为excel文件文章目录Vue学习随笔二——前端文件导出一、axios导出接口文件流1、接口封装2、调用方法二、直接导出表格数据1、安装插件2、页面引入组件

梅子酱~·2023-10-13 18:53

vue学习(绑定class、v-bind:style(对象语法、数组语法))

1绑定HTMLClass我们可以传给v-bind:class一个对象，以动态地切换class：内联样式在模板里varvm1=newVue({el:"#div1",data:{isActive:true,hasError:true,}})通过浏览器查看，渲染的html结构是：内联样式不在模板里varvm2=newVue({el:"#div2",data:{class_obj:{isActive:tr

小李不小·2023-10-13 04:48

Vue学习笔记（二）

一.数据请求1.fetchwhyXMLHttpRequest是一个设计粗糙的API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好。兼容性不好polyfill//https://github.com/camsong/fetch-ie8//getfetch("**").then(res=>res.json()).then(res=>{console.log(res)})fetch("**

千锋HTML5学院·2023-10-13 03:59

vue学习-进阶

vue学习-进阶文章目录vue学习-进阶1、VUE相关指令2、VUE路由2.1、router-link用法2.2、编程式的导航2.3、hash模式和History模式2.4、路由守卫2.4.1、全局2.4.2

石头茨·2023-10-12 15:52

学习不一样的vue5:vuex(完结)

-10|分类于web前端||阅读次数4029首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue4:mock与axios实战2》我的Q群:meteor高手群vue

weixin_30349597·2023-10-12 09:10

vue学习之路之需要了解的知识汇总

dbkfmlw338546·2023-10-12 09:37

vue学习---基于vue2中的组件、组件通信、ref

vue学习—基于vue2中的组件此篇是基于vue2.x的开发环境1.组件1.1注册组件在项目文件夹下的src文件夹下的components文件夹下创建的一个.vue文件就是一个组件，组件的script中使用

茹嗨瑞·2023-10-12 05:24

前端vue学习笔记——插槽

插槽作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件=>子组件分类：默认插槽、具名插槽、作用域插槽使用方式：（1）默认插槽父组件中：html结构子组件中：我是默认的一些内容(2)具名插槽父组件中：html结构html结构子组件中：我是默认的一些内容我是默认的一些内容（3）作用域插槽理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（gam

AItth·2023-10-12 05:59

前端vue学习笔记——Vuex

1.概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用？多个组件需要共享数据时3.搭建vuex环境（1）创建文件：src/store/index.js//该文件用于创建Vuex中最为核心的storeimportVuefrom'vue'//引入VueximportVuex

AItth·2023-10-12 05:59

前端vue学习笔记（1）

写在前面：此笔记是根据尚硅谷老师的B站视频学习进行记录，若有错误请指正！纯纯小白目前学习前端开发两个月左右！笔记前端学习视频来源：尚硅谷前端课程脚手架文件结构:node_moulespublicfavicon.ico:页签图标index.html:主页面src:assets:存放静态资源logo.pngcomponent:存放组件School.vueApp.vue:汇总所有组件main.js:入口

AItth·2023-10-12 05:29

Vue学习笔记——Vue router的基本使用

文章目录Vuerouter1认识路由1.1什么是路由1.2前后端路由1.3前端路由的规则1.3.1URL的hash1.3.2HTML5的history模式2vue-router2.1Vue-router的安装配置2.2Vue-router的使用2.2.1Vue-router的使用步骤2.2.2Vue-router使用细节处理路由默认路径改变路径模式router-link的其他属性路由代码跳转2.3

一只蒻蒻·2023-10-12 05:58

Vue学习笔记——前端路由

Vue学习笔记——路由1.路由基本概念1.后端路由根据不同的用户URL请求，返回不同的内容url请求地址与服务器资源之间的对应关系SPA2.前端路由根据不同的用户事件，显示不同的页面内容用户事件与事件处理函数之间的对应关系前端出现

是行是行啊·2023-10-12 05:58

Vue学习笔记（5）—— 路由

忘れな草と永遠の加藤惠·2023-10-12 05:54

Vue学习笔记02——Vue路由

Vue学习笔记01——Vue开发基础一、初识路由1.路由的作用Vue的路由是前端路由，可以让组件之间互相切换。

小C好好干饭·2023-10-12 05:23

Vue学习笔记——麻麻再也不用担心我的Vue！

Vue学习笔记——步步高点读机，麻麻再也而不用担心我的Vue！

阳和启蜇.·2023-10-12 05:22

Vue学习笔记——vue-router

小萨摩！·2023-10-12 05:52

Vue学习笔记——第一部分

本章目标•理解MVVM思想•vue介绍•掌握Vue指令、计算属性、数据监听•掌握Vue单向、双向绑定的方法•理解Vue生命周期•掌握使用axios进行ajax操作•掌握Vue组件的定义和注册方式•掌握父子和子父组件传值•了解ElementUI中的常用组件•掌握cli方式搭建项目、安装依赖•掌握路由的配置跳转和嵌套•了解使用Vuex实现组件传值理解MVVM思想什么是MVVM？MVVM是Model-V

清晨时刻·2023-10-12 05:50

前端vue学习笔记——路由

路由文章目录路由1.理解:2.前端路由：1.基本使用1.安装vue-router:命令：2.应用插件：3.编写router配置项：4.实现切换（active-class可配置高亮样式）5.指定展示位置2.几个注意点1.路由组件2.通过切换3.每个组件4.整个应用3.多级路由（嵌套路由）1.配置路由规则，使用children配置项：2.跳转（要写完整路径）：4.路由的query参数1.传递参数2.接

AItth·2023-10-12 05:18

Vue学习记录

目标：了解Vue,了解常用的Vue的一些工具，用vuecli搭建一个测试用例，在浏览器上面运行起来。了解Vue百科定义Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。同类的技术AngularJS:诞生于2009年，由MiskoHev

JASONGAOJS·2023-10-12 04:28

Vue学习：五

Vue学习一、懒加载和axios封装二、Vue工作流.同步.异步三、Vue新写法和持久化一、懒加载和axios封装{{filmInfo.name}}-->{{filmInfo.name}}{{filmInfo.category

self_correction·2023-10-11 22:00

Vue学习：六

Vue学习一、生产环境二、Vue3-reactive三、Vue3-通信和生命周期.ref.todo-ref.toRef.props.lifecycle.computed.watch.app四、Vue3-

self_correction·2023-10-11 22:00

day 87 Vue学习六之axios、vuex、脚手架中组件传值

本节目录一axios的使用二vuex的使用三组件传值四xxx五xxx六xxx七xxx八xxx一axios的使用Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中，promise是es6里面的用法。axios能做的事情：官网地址从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求

deng6648·2023-10-11 16:40

day 84 Vue学习六之axios、vuex、脚手架中组件传值

Vue学习六之axios、vuex、脚手架中组件传值本节目录一axios的使用二vuex的使用三组件传值四xxx五xxx六xxx七xxx八xxx一axios的使用Axios是一个基于promise的HTTP

deng6648·2023-10-11 16:40

vue学习day3（记录学习难点）删除el-table静态数据以及批量删除

需求：删除选中对应行数据删除多选框中所有数据实现：a.对应一行数据需要拿到对应row里边的index，通过index索引删除对应数据b.批量删除获取复选框对应的编号，这是一个数组通过判断length，是否启用批量删除按钮，最后进行删除this.tableData.splice(ids,ids.length);//ids是复选框index组成的数组代码删除一条编辑删除methods:{deletep

_Moution·2023-10-11 15:07

Vue学习----从基础出发(包含案例)

文章目录Vue基础入门Vue简介vue的基本使用Vue的调试工具Vue指令1指令的概念2指令的分类3内容渲染指令4属性绑定指令5模板渲染语法中使用JavaScript表达式6事件绑定指令7双向绑定指令8条件渲染指令9列表渲染指令过滤器(Vue3弃用)品牌列表案例Vue组件基础单页面应用程序vite的基本使用组件化开发思想1什么是组件化开发2组件化开发的好处3vue中的组件化开发vue组件的构成组件

萤火虫的小尾巴·2023-10-11 06:40

Vue学习第一天，指令

三个指令v-cloak使用v-cloak能解决插值表达式闪烁的问题，也就是在网络不好的时候并没有完全加载该界面的时候，可能会显示成{{msg}}。Title[v-cloak]{display:none;}{{msg}}vars=newVue({el:"#app",data:{msg:"哈哈哈"}})v-text使用意义在于可以直接显示数据，在没有获取数据时候，可以显示标签中的数据v-html可以将

coderymy·2023-10-11 03:47

Vue学习宝典

Vue基础一.模板语法(1)插值a.文本{{}}声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染）b.纯HTMLv-html慎用，防止XSS,CSRF（(1)前端过滤（前端采用正则将容易注入的字符换成<>)）clickc.表达式(2)指令是带有v-前缀的特殊属性v-bind动态绑定属性v-if动态创建/删除v-show动态显示/隐藏v-on:click绑定事件v-for遍历v-m

勾勾g·2023-10-10 22:02

vue学习-15vue全局路由守卫

在vue.js中，提供三种全局守卫，英文称作（GlobalNavigationGuards），这些守卫允许你在路由发生变化的时候执行的一些操作，例如身份验证，日志纪录或者路由跳转控制，全局路由守卫包含以下三种：全局前置守卫(beforeEach)：这个守卫在每次路由切换前触发，允许你在导航到新路由之前进行一些检查或操作。常用于身份验证。router.beforeEach((to,from,next

Miaow.Y.Hu·2023-10-10 21:03

vue学习-13路由的query参数，props传参，以及编程式路由导航栏

往期回顾：vue学习-12路由组件的基本使用vue的query传参在Vue中，我们通常通过props传递参数给组件。

Miaow.Y.Hu·2023-10-10 21:33

vue学习-14vue的路由缓存组件以及activated和deactivated生命周期钩子

在Vue.js中，使用路由的内置特性来控制组件的缓存，以提高应用程序性能。默认情况下，VueRouter不会缓存组件，但你可以通过以下方式启用组件缓存：组件：是Vue.js的内置组件，可以用来缓存被包裹的组件。你可以将需要缓存的组件包裹在标签内。例如：//也可以变成-->在这个示例中，组件会被缓存，当你导航到其他页面再返回时，它的状态将保持不变。这样的情况我们实际在项目开发中经常会碰到这样的需求，

Miaow.Y.Hu·2023-10-10 21:33

vue学习-16vue的history模式与hash模式

Vue.js有两种路由模式：history模式和hash模式，它们用于管理前端路由。History模式History模式：在history模式下，Vue.js使用HTML5HistoryAPI来管理路由。这意味着URL看起来像普通的URL，没有哈希符号(#)。例如：http://example.com/my-page。这种模式通常需要服务器配置，以确保在直接访问这些URL时返回正确的页面，而不是4

Miaow.Y.Hu·2023-10-10 20:23

Vue 学习随笔系列一 -- Cascader 级联选择器

Vue学习随笔——Cascader级联选择器前言随笔一：记录Cascader级联选择器使用一、Cascader级联选择器二、使用步骤1.引入代码如下：2.数据定义代码如下：data(){return{props1

梅子酱~·2023-10-10 12:31

Vue学习

Vue学习看这篇就够原文链接：segmentfault.comVue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别

Kobe__Bryant__·2023-10-10 03:05

VUE学习（三）html引入vue.js，组件的创建和使用

1、简单的创建和使用vue组件{{message}}//定义一个名为MyComp的新组件varMyComp={data:function(){return{count:999}},template:'Youclickedme{{count}}times.'};//全局注册组件，所有的vue实列都可以使用//Vue.component('MyComp',MyComp);varapp=newVue({

呵呵菜鸟·2023-10-09 10:52

四.javaWeb-前端技术学习这一篇就够了（详细）

前端技术整合js技术学习runoob.comhtml技术学习jQuery教程FreeMarker中文官网地址VUE学习

大云区人伍·2023-10-09 05:52

Vue学习--模板语法-插值

Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。如果你熟悉虚拟DOM并且偏爱JavaScript的原始力量，你也可以不用

奔跑的蜗牛.·2023-10-08 23:42

vue学习笔记9----监视属性

监视属性watch（侦听属性）1、当被监视的属性变化时，handler函数自动调用。2、监视的属性必须存在才能进行监视。3、监视属性的两种写法：watch配置vm.$watch深度监视1、vue中的watch默认不监测对象内部值的改变（默认只监测一层）。2、配置deep：true可以监测对象内部值的变化（多层）。备注：vue自身可以监测对象内部值的变化，但是vue提供的watch默认不可以。使用w

lazy91·2023-10-08 20:58

推荐频道

#vue学习