文章目录一、前言二、vue-resource 特点三、基本语法四、http 方法列表五、示例代码六、安装七、应用八、resource 服务应用九、拓展阅读 一、前言vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更
? 作者简介:大家好,我是Taro,前端领域创作者 ✒️ 个人主页:唐璜Taro ? 支持我:点赞?+? 评论 + ⭐️收藏最近在修改我司一款医疗类CMS系统,采用的技术栈是 Vue2.x + Ant-Design-Vue ,用户提到了一个需求,希望在切换Tabs多页签时,能够在其他Tabs切换回来后,下方的分页器页码依然可以留在离开前的页数。 这里想到的是 使用 Vue的 keep-alive
转载 2024-03-21 11:45:09
74阅读
   在后台管理系统,我们经常会遇到图表,比如说:柱形图,饼状图,折线图,雷达图等等,而用来写图表插件有很多,我这里主要介绍Echarts在项目里怎么使用,官网地址如下:https://echarts.apache.org/zh/tutorial.html,详细信息请阅览他们的官网文档和实例,各种图表都比较完善。  一.安装插件方法一:npm安装Echartsnpm install echart
转载 2023-11-29 09:02:57
36阅读
场景:使用vue create脚手架快速搭建vue的项目前提:需要安装node.js和cnpm以及yarn 并且cnpm需要设置为淘宝镜像,cnpm和yarn安装教程网上很多可以自行搜索1.使用dos命令安装vue-cli脚手架//这个是从镜像源下载 cnpm install -g @vue/cli查看安装的版本(显示版本号说明安装成功)vue --version2.使用vue create命令搭
转载 2024-05-17 13:44:08
379阅读
懒加载:又叫延时加载,即在需要的时候进行加载,随用即载 import和require的区别node编程中最重要的思想就是模块化,import和require都是被模块化所使用。遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行时调用,所以require理论上可以运用在代码的任何地方import
转载 2024-04-23 15:00:51
104阅读
文章目录1、Vue生命周期1.1 概念1.2 图解2、钩子函数的用法说明2.1 beforeCreate()和created()的详细讲述2.1.1 方法说明2.1.2 代码实例2.1.3 测试效果2.2 beforeMount()和mounted()的详细讲述2.2.1方法说明2.2.2 代码实例2.2.3 测试效果2.3 beforeUpdate()和updated()的详细讲述2.3.1 方
转载 2024-08-29 11:32:02
1276阅读
第一步文件------》打开文件夹 --------》选择自己的项目或者前端模板第二步点终端选择新终端第三步在终端输入npm installl第四步输入 npm run dev
原创 2022-08-17 10:20:18
1355阅读
vue 生命周期Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。生命周期图示:1. beforeCreate:vue实例的el,data,data的message都为undefined2. created:el还是undefined,而数据已经与data的属性进行绑定(放在data属性当值发生改变的同时,
最近在写vue的时候遇见了一种需求,就是说公众号跳转公众号时用ifrem标签时会跳转的时候会跳转的很慢,索性就直接改成可a标签,但是你要在跳转到这个页面时要怎么去触发这个a标签呢,废话不多说,直接上代码:在vue当中标签的值若是动态的,只可以用:去动态的绑定这个属性的,下面就是a标签的写法:<a :href="innerUrl" width="100%" v-trigger> <
转载 2024-02-08 06:42:01
272阅读
最近在一些面经,遇到了下面的四个问题,归根节点都是在说Vue的虚拟DOM,那就来学习一下
原创 2022-07-12 17:20:14
236阅读
1.都是循环遍历数组的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组的当前项item,当前项的索引index,原始数组input。3.匿名函数的this都是指Window。4.只能遍历数组1、forEach() //没有返回值let arr = [] //原数组 arr.forEach(function(value,index,array){   
转载 2024-05-10 20:02:59
41阅读
1.何为循环渲染在Vue3,当我们需要渲染一个数组的数据到dom元素上时,就需要使用循环渲染。循环渲染可以节约我们大量重复冗余的工作,比如我们去渲染一个下拉菜单的时候,如果不使用循环渲染,那么我们需要手动一项一项的添加下拉菜单里面的内容,当下拉菜单的内容比较少的时候我们还可以接受,但是当下拉菜单的内容达到几百条的时候,我们就得一遍又一遍的添加选项,非常麻烦。但是使用循环渲染可以很好的结局这
转载 2024-04-05 11:43:27
74阅读
每个vue单文件组件,可以加入三种route navigation guards(导航守卫钩子):beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave,比较常用的是beforeRouteEnter和beforeRouteLeave,这里总结下项目中遇到的应用场景。beforeRouteEnter比较常见的一种应用场景就是,当前页面是数据列表页并且
转载 2024-02-28 13:34:17
175阅读
原文说明https://www.jb51.net/article/264614.htm<template> <div class="hover-view" @mouseover="mouseover" @mouseenter="mouseenter" @mousemove="mousemove" @mouseout="mouseout"
转载 2024-04-23 07:51:19
142阅读
目录1. px与视口 2. % 3. 媒体查询 4. rem 5. vm/vh1. rem单位首先来看,什么是rem单位。rem是一个灵活的、可扩展的单位,由浏览器转化像素并显示。与em单位不同,rem单位无论嵌套层级如何,都只相对于浏览器的根元素(HTML元素)的font-size。默认情况下,html元素的font-size为12px,所以:1 rem = 12px为了计算方便,通常可以将ht
“:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;“.”是修饰符。详细如下 v-bind 指令可以用于响应式地更新 HTML 特性: <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </s ...
转载 2021-09-09 09:34:00
367阅读
2评论
vue,props将父组件方法(数据)传递给子组件。父组件发送的形式是以属性的形式绑定值到子组件身上,接着子组件用属性props去接受父组件传过来的值。 本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。父组件向子组件传值步骤:在这里先定义一下,相对本案例来说:App ...
转载 2021-10-28 13:21:00
151阅读
2评论
this.selected = list.filter(x => !this.selected.includes(x)); ...
转载 2021-10-08 00:21:00
942阅读
2评论
0828自我总结Vue组件一.组件的构成组件:由 template + css + js 三部分组成(.vue文件)1)组件具有复用性复用组件时,数据要隔离复用组件时,方法不需要隔离,因为方法使用隔离数据就可以产生区别组件介绍:每一个组件都有自己的template(虚拟DOM),最后要替换掉真实DOM(渲染)挂载点el,在根组件没有规定template,用挂载的真实DOM拷贝出虚拟DOM,完成实
原创 2021-06-03 20:15:22
217阅读
原创 2022-07-13 11:20:36
46阅读
  • 1
  • 2
  • 3
  • 4
  • 5