前端
aiYuqiong
进无止尽
展开
-
vue中v-bind=“$attrs“和v-on=“$listeners“的含义
vue中v-bind="$attrs"和v-on="$listeners"的含义;假定自定义了一个组件 ComponentB, props 接收了name, age两个参数, ComponentA在调用ComponentB时这么调用:<componentB :name="_name" :age="_age" :address="_address" :phone="_phone" @playBall="_playBall" @study="_study">而原创 2021-03-12 17:19:12 · 2168 阅读 · 0 评论 -
常用第三方库
1.cookie.js-cookie:https://www.npmjs.com/package/js-cookie1.1. 安装及引用:npm install js-cookie --saveimport Cookies from 'js-cookie'1.2.用法:1>存入数据至cookie:// Create a cookie, valid across the entire site:Cookies.set('name', 'value');// ...原创 2020-05-20 23:48:54 · 306 阅读 · 0 评论 -
Vue过滤器
参考:https://www.jianshu.com/p/ad21df1914c5原创 2020-02-12 18:03:20 · 200 阅读 · 0 评论 -
vue-router的使用方式
step1:下载安装npm i vue-router -Sstep2:main.js中引入import VueRouter from 'vue-router'step3:安装插件Vue.use(VueRouter)step4:创建路由对象并配置路由规则let router = new VueRouter({ routes: [{ path: '/ho...原创 2019-10-25 20:14:59 · 231 阅读 · 0 评论 -
Vue.config.productionTip = false是什么意思
Vue.config.productionTip = true原创 2019-10-25 15:12:38 · 979 阅读 · 0 评论 -
封装post请求与get请求
1.封装post请求step1:引入axioscode:import axios from 'axios'step2:创建axios实例code:const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: {'X-Custom...原创 2019-10-25 11:29:49 · 1723 阅读 · 0 评论 -
vue学习笔记
1.npm引入某个包:step1:vscode终端命令:npm install @xunlei/xl9 --save-dev 命令完成后,会在当前项目的目录文件下引入,如图所示:2.js文件中引用。code:import xl9 from '@xunlei/xl9'2.Deferred2.1.Deferred拥有Promise2.2.Deferred具备...原创 2019-10-25 10:45:23 · 488 阅读 · 0 评论 -
vue学习笔记
0.父子组件的生命周期。父子组件的生命周期1.监听组件的生命周期例:父组件需要在子组件mounted的时候,调用某个函数,常规写法如下:// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() { this.$emit("mounted");}这里提供一种特别简单的方式,子组件不需...原创 2019-10-17 17:51:13 · 155 阅读 · 0 评论 -
vue cli入口文件解析
1.入口文件的概述。在vue cli构建的项目中,main.js是项目的入口文件,定义了vue实例,并引入根组件app.vue,将其挂在到index.html中id为'app'的节点上。如图,main.js,app.vue,index.html文件的结构如下图所示:各个文件的作用:一.main.js,程序入口文件,初始化vue实例并使用需要的插件;二.app.vue...原创 2019-10-17 15:37:59 · 666 阅读 · 0 评论 -
兼容HTML DOM classList属性
页面DOM里的每个节点均有一个classList对象,我们可以使用里面的方法新增/删除/修改/删除节点上的CSS类。但是在IE9/IE10之前的版本不支持这个属性,下面的代码是为了解决这个问题的。if (!("classList" in document.documentElement)) { Object.defineProperty(HTMLElement.prototype...原创 2019-10-17 15:16:58 · 227 阅读 · 0 评论 -
Vue.use注册全局插件
step1: 构建插件例如:创建plugin.js文件,在此文件中定义插件。(插件中必须要有install方法,且函数参数为Vue,options)const plugin = { install (Vue, options) { // 添加全局方法或者属性 Vue.myGlobMethod = function () {}; // 添加全局指令 Vu...原创 2019-10-10 21:30:37 · 687 阅读 · 0 评论 -
Vue路由判断前进后退
//注册全局方法 Vue.prototype.push = (url: string, closeTransition: boolean = false) => { //前进 Vue.prototype.transitionName = "slide-left"; this.$router.push(url);}; Vue.prototype.pop = ...原创 2019-10-10 21:10:59 · 3629 阅读 · 1 评论 -
Vuex学习系列
一.vuex初探二.vuex初探二三.vuex初探三—仓库拆分四.vuex初探—mapState,mapActions五.vuex初探五原创 2019-10-10 20:51:13 · 115 阅读 · 0 评论