您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. VUE常用方法整理.pdf

  2. vue的常用方法总结 第一章 Vue核心知识讲解 5 第二节 引包、留坑、实例化 、插值表达式{{}} 5 1. 引包 5 2. 留坑 5 3. 实例化 5 4. 插值表达式{{ }} 5 第三节 熟悉及使用常用指令 5 1. 什么是指令 5 2. 常用的指令有哪些,及怎么使用这些指令 6 第四节 阐述vue单双向数据流及事件绑定 6 1. vue单向数据流绑定属性值 v-bind: (属性) 简写 :(属性) 6 2. vue双向数据流 v-model 只作用于有value属性的元素 7 3.
  3. 所属分类:Web开发

    • 发布日期:2020-03-28
    • 文件大小:1048576
    • 提供者:jobinchan
  1. vue实现的封装全局filter并统一管理操作示例

  2. 主要介绍了vue实现的封装全局filter并统一管理操作,结合实例形式详细分析了vue封装全局filter及相关使用技巧,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:41984
    • 提供者:weixin_38633475
  1. vue axios封装及API统一管理的方法

  2. 主要介绍了vue axios封装以及API统一管理 ,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:57344
    • 提供者:weixin_38631282
  1. vue-socket.io接收不到数据问题的解决方法

  2. 最近公司的一个vue项目用到了vue-socket.io来处理socket数据传输,之前用过socket.io-client,现在知道vue-socket.io是基于socket.io-client的一层封装,将socket挂于全局从而更方便的书写。 于是把代码拉取下来运行: 什么鬼,同样的代码为什么我的就接收不到数据,自己新建一个测试一下吧! 先用express和socket.io搭个小socket服务器: let express = require('express'); let ap
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:43008
    • 提供者:weixin_38627521
  1. Vue axios获取token临时令牌封装案例

  2. 前言 为什么非要写这个博客呢?因为这件事让我有一种蛋蛋的优疼。剩下的都别问,反正问我也不会说。因为流程图我都不想(懒得)画。 开发架构 前端页面:Vue 网络请求:Axios;方式:vue add axios 缓存方案 全局变量:Vuex 本地缓存:LocalStorage 技术依赖 你猜? 背景 公司开发一个嵌入App的Web页面,安全方面使用老套路:App通过URL传参给前端(包含签名),前端把参数透传给H5后端验签,完事儿之后前端再决定用户是否合法。另外定义了N个JS方法前端根据固定GET
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:100352
    • 提供者:weixin_38524851
  1. 在react中使用vue的状态管理的方法示例

  2. 我是要介绍一个新的 react 全局共享状态管理器,它和 vue 组件的状态管理一起同工之妙。 马上体验 在 react 状态管理领域,react-redux 可谓是只手遮天了,基于 flux 思想实现,小巧,immutable 的思想让数据变化可控。但 immutable 所带来的编程代价太大了,如果你要更新一个深层结构的对象的某个节点,写作将会是极其麻烦的一件事,而且还保不准会出错。为了保证 immutable,redux 的 reducer 机制让开发者掉光了头发。于是有了类似 dva、r
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:80896
    • 提供者:weixin_38553431
  1. vue+ts下对axios的封装实现

  2. 虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作.而且在实际接口对接中,我们大多都需要对请求和响应进行拦截来进行token以及回调状态码的处理.那么我基于自己的需求简单分装了一下.(之前很少接触vue,主要用的ng和react,这次新项目想用vue来弄,熟悉一下vue的一些新特性和方法,有啥不对的,欢迎大家批评指正) 前提: 熟悉前端ts, node等等. 1. 安装axios npm install axio
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:76800
    • 提供者:weixin_38674223
  1. 在Vue项目中使用jsencrypt.js对数据进行加密传输的方法

  2. 项目需求中需要对用户登录时的密码进行加密,在网上查询些许文章后,最终与后端协商使用jsencrypt.js。 jsencrypt.js的github地址: https://github.com/travist/js… 使用yarn安装至Vue项目 yarn add jsencrypt --dep 或者使用npm npm install jsencrypt --dep 引入jsencrypt import { JSEncrypt } from 'jsencrypt' 可封装为全局混合,便于调用 公
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:41984
    • 提供者:weixin_38516380
  1. 详解Vue中localstorage和sessionstorage的使用

  2. 1. 项目使用中暴露出来的几个问题 大家到处直接使用localstorage[‘aaa’]=’这是一段示例字符串’这些原生语法实现,这样耦合度太高了,假如有一天我们需要换实现方式,或者对存储大小做一些控制,那么需要修改的代码就会很多 项目很大,那么大家起的key的名字难免会重复,而且这样也会造成全局污染 因为localstorage的使用不规范,所以造成了存储空间的浪费和不够用 2. 解决办法 封装storage的使用方法,统一处理 规范storage的key值的命名规则 规范stora
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:84992
    • 提供者:weixin_38623080
  1. vue封装一个简单的div框选时间的组件的方法

  2. 前言 新年第一篇文章,记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动态创建一个跟随鼠标的div。【注:这种方式需要依赖position的定位方式,一般鼠标事件位置是针对全局的,所以鼠标框选的div 位置的position最好父级元素是根元素的定位。不然,鼠标框
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:75776
    • 提供者:weixin_38655011
  1. Vue 应用中结合vux使用微信 jssdk的方法

  2. vux微信分享说明 分享接口只有认证公众号才能使用,域名必须备案且在微信后台设置。 先确认已经满足使用jssdk的要求再进行开发。 引入 在 main.js 中全局引入: import { WechatPlugin } from 'vux' Vue.use(WechatPlugin) console.log(Vue.wechat) // 可以直接访问 wx 对象。 组件外使用 考虑到你需要在引入插件后调用config方法进行配置,你可以通过 Vue.wechat 在组件外部访问wx对象。 j
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:51200
    • 提供者:weixin_38633157
  1. vue组件挂载到全局方法的示例代码

  2. 在最近的项目中,使用了bootstrap-vue来开发,然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果,像alert、modal等组件每个页面引入就得重复引入,并不像element那样可以通过this.$xxx来调用,那么问题来了,如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。 以bootstrap-vue中的Alert组件为例,分一下几步进行: 1、定义一个vue文件实现对原组件的再次封装 main.vue <b-aler
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:59392
    • 提供者:weixin_38660918
  1. 过滤器vue.filters的使用方法实现

  2. 写项目的时候,有一些方法我们是需要全局使用的,比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法,我们一般会将其封装为全局的方法;我以前是这样做的,有这么几种方式: 1、挂载到vue.prototype 在main.js入口文件中挂载到vue.prototype,如我们封装一个获取时间戳的函数。 Vue.prototype.now = Date.now || function () { return new Date().getT
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:108544
    • 提供者:weixin_38746918
  1. Vue实现剪贴板复制功能

  2. 小白单纯记录一下工作中遇到的需求:在vue中如何实现复制功能 (注: 依赖第三方插件 clipboard) 一. 安装插件 第一种直接npm安装: npm install clipboard --save    第二种:  [removed][removed](下载地址:https://clipboardjs.com/) 二. 全局注入(main.js) import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 三. 封
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:32768
    • 提供者:weixin_38680247
  1. Vue.js 2.x之组件的定义和注册图文详解

  2. 前言 什么是组件 组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。 模块化和组件化的区别 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用 全局组件的定义和注册 组件Component是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。 全局组件的
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:299008
    • 提供者:weixin_38723373
  1. 使用async await 封装 axios的方法

  2. es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以建一个api.js文件,全局创建api实例. import axios from 'axios' const qs = require('qs') const api = { async get (url, data) { try { let res = await axios.ge
  3. 所属分类:其它

    • 发布日期:2020-12-04
    • 文件大小:46080
    • 提供者:weixin_38660731
  1. vue和iview实现Scroll 数据无限滚动功能

  2. 在做项目的时候因为数据比较多,一次性全部渲染的话会花费较多的时间,所以,想到每一次渲染10条数据 也想过每一次获取十条数据然后显示就行了,就目前自己所知最好的方法是修改接口,一次返回10条,可是这样子太麻烦了,所以决定一次性请求所有数据,然后每次渲染十条,需要再上拉加载更多 使用的是iview中的组件Scroll 以下是获取数据和封装数据的方法: 原理是先定义两个全局的变量,一个存储全部的数据,一个存储渲染的数据 在首次获得数据的时候,往渲染的变量中存入全部数据的前十条: 然后在数据最底时上
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:129024
    • 提供者:weixin_38663516
  1. Vue+axios实现统一接口管理的方法

  2. 通过axios请求接口已经很简单了,但最近在做一个vue项目,想着把axios请求再封装一下,这样api就可以只在一处配置成方法,在使用的时候直接调用这个方法。 但咱们不用每个接口都定义成一个啰嗦的axios请求方法,既然是想简单点,就尽量只在一处完成简单的配置。 1、配置api接口 将同一模块的接口放在一个文件下,比如我在src的services下定义了一个global.js作为全局服务的配置,在它里面配置的api可以作为这个服务的方法。 比如: name字段将作为之后被调用的方法名,但这个
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:91136
    • 提供者:weixin_38659374
  1. Vue组件之全局组件与局部组件的使用详解

  2. 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段。 全局组件注册方式:Vue.component(组件名,{方法}) eg: </
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:88064
    • 提供者:weixin_38547532
  1. 详解Vue中Axios封装API接口的思路及方法

  2. 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 在一个项目中我们如果要使用很多接口的话,总不能在每个页面都写满了.get()或者.post()吧?所以我们就要自己手动封装一个全局的Axios网络模块,这样的话就既方便也会使代码量不那么冗余。 安装 > npm install axios
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:55296
    • 提供者:weixin_38724247
« 12 »