摘要:
call()、apply()、bind() var name='HJJ'; var obj = { name:"HHH", age:18, myFun:function(){ console.log(this) console.log(this.name+'年龄'+this.age); } } ob 阅读全文
摘要:
swiper轮播 [swiper官网] 1、安装swiper5 npm install swiper@5 2、在需要使用轮播图的组件内导入swpier和它的css样式 //引入Swiper import Swiper from 'swiper' //引入Swiper样式 import 'swiper 阅读全文
摘要:
nprogress进度条插件 需求:打开一个页面时,往往会伴随一些请求,并且会在页面上方出现进度条。 原理:在我们发起请求的时候开启进度条,在请求成功后关闭进度条 实现:所以只需要在request.js中进行配置,在页面加载时发起了一个请求,此时页面上方出现蓝色进度条,收到响应数据后关闭进度条。在拦 阅读全文
摘要:
使用sass 1、下载 npm i sass node-sass sass-loader style-loader -D 2、在vue.config.js中配置 sass css: { loaderOptions: { sass: { prependData: `@import "@/assets/ 阅读全文
摘要:
mock插件使用 [官网] mock(模拟)数据,需要用到mock.js插件。 不会和服务器进行任何通信,拦截前端ajax请求,返回我们自定义的数据用于测试前端接口 1、下载插件mockjs npm install mockjs --save-dev 2、在src中,创建mock文件 3、准备jso 阅读全文
摘要:
axios的封装 【官网】 下载 #不仅开发需要,线上程序也需要 npm install axios 一、基本使用 axios(config) axios({ url:'http://123.207.32.32:8000/home/data', method:'get', //专门针对get的参数拼 阅读全文
摘要:
ref的使用 一、普通元素绑定ref ,获取dom元素 document.querySelector('.wrapper')这种方式获取dom不好。很多的地方可能都叫wrapper,不准确。 普通元素上添加属性ref <div ref="dd">ddddd</div> 获取使用 console.lo 阅读全文
摘要:
将Toast组件封装成插件形式 需求:经常会有提示框,多个页面使用,但是提示框的大小、icon图标等会变化。 思路:多个页面使用,可以封装成全局组件。但是需要多次引人标签,有点繁琐。 一、创建Toast组件 <template> <div class="tip" :style="{width: ti 阅读全文
摘要:
Vue.component注册全局组件 一、不在手脚架中的注册 1、全局组件注册的语法糖 Vue.component('组件标签名',构造器对象) // 1、创建全局组件构造器 const cpn1=Vue.extend({ template:` <div> <h2>我是标题2</h2> <p>我是 阅读全文
摘要:
路由跳转方式 路由的跳转方式有两种形式。 一、声明式导航 router-link标签 ,可以把router-link理解为一个a标签,它 也可以加class修饰 属性:to 、replace、 append、 tag、 active-class、 exact 、 event、 exact-activ 阅读全文