12 2021 档案
摘要：class Promise { // 构造方法 constructor(executor) { // resolve函数 里面还需要声明形参去接收实参 // 给实例对象的身上添加属性,直接通过this强行复制的方式去添加,这里的this就指的是新创建(new出来的)的实例对象 this.Promis
阅读全文
摘要：1.基本使用 1.安装vue-router, 命令:npm i vue-router 2.应用插件:Vue.use(VueRouter) 3.编写router配置项: // 该文件专门用于创建整个应用的路由器import VueRouter from "vue-router";// 引入组件impo
阅读全文
摘要：1.Vuex是什么 Vuex是Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue中多个组件的共享数据进行集中式管理(读/写),也是一种组件间通信方式,且适用于任何组件间通信 2.什么时候用Vuex 1.多个组件依赖于同一状态 2.来自不同组件的行为需要变更同一状态 3.搭建Vuex开发环境
阅读全文
摘要：作用:让父组件可以向子组件指定位置传入特定的html结构,也是一种组件之间的通信方式,适用于父组件 >子组件 ###### 1.默认插槽 ```javascript// 父组件<Category> <div>html结构</div></Category> //子组件<template> <div c
阅读全文
摘要：方法一: 在vue.config.js中添加如下配置： devServer:{ proxy:"http://localhost:5000"} 说明： 优点：配置简单，请求资源时直接发给前端（8080）即可。 缺点：不能配置多个代理，不能灵活的控制请求是否走代理。 工作方式：若按照上述配置代理，当请求
阅读全文
摘要：作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 图示： 写法： 准备好样式： 元素进入的样式： v-enter：进入的起点 v-enter-active：进入过程中 v-enter-to：进入的终点 元素离开的样式： v-leave：离开的起点 v-leave-active
阅读全文
摘要：!!意思是讲表达式的值转化为与其对应的布尔值,与Boolean()用法一样
阅读全文
摘要：作用:他里面的callBack会在下一轮DOM更新完毕的时候再执行,也就是下一轮才会执行,通俗点讲就是Vue先解析模板,再去执行方法,执行到这个方法里的$nextTick函数的时候,Vue就懂了,就知道你是想让Vue先绕过去它执行别的主程序代码,要是没有别的主程序代码就看一下模板需不需要更新,要是不
阅读全文
摘要：1.一种组件之间通信的方式,可以适用于任何组件之间通信 2.使用步骤: 1.安装pubsub: npm i pubsub-js 2.引入: import pubsub from 'pubsub-js' 3.接收数据:A组件想要接收数据,就得现在A组件订阅一个消息,订阅消息的事件留在A组件自身 //
阅读全文
摘要：在Vue里我们可以通过全局事件总线来实现任意组件之间通信,它的原理是给Vue的原型对象上面添加一个属性,这样的话我所有组件的都可以访问到这个属性,然后可以通过这个属性来访问其他组件给这个属性上面绑定的一些方法从而去传递数据,而且这个属性还可以去访问Vue实例对象上的方法,因为Vue组件构造函数的原型
阅读全文
摘要：在vue中我们可以通过给父组件绑定自定义事件,然后子组件通过$emit方法去触发该自定义事件来给父组件传递数据,写法:this.$emit('自定义事件名',要传递的数据(可以是多个,中间用逗号隔开)),绑定自定义事件有两种写法,一种是通过<父组件 v-on:自定义事件名="callBack" />
阅读全文
摘要：1.localStorage:本地存储,浏览器刷新页面还会存在,除非手动去删除,否则会一直存在,写在本地硬盘中 1.设置属性:localStorage.setItem('属性值','属性名'),属性名和属性值都必须是字符串,如果传入Number类型的值会被自动转为字符串,如果是对象,则必须调用JSO
阅读全文
摘要：hasOwnProperty:返回一个布尔值,指示对象自身属性中是否具有指定的属性 isPrototypeOf:用于测试一个对象是否存在于另一个对象的原型链上 toString:返回一个表示该对象的字符串 valueOf:返回指定对象的原始值 Object.assign()：用于将所有可枚举属性的值
阅读全文
摘要：增: pop,push 删:shift,unshift 改:reverse,sort,splice(此方法增删改都可用) //上述七个方法会改变原数组 截取:slice 拼接:concat 分割:join 查找:indexOf,lastIndexOf 数组迭代的方法: forEach(遍历),fil
阅读全文
摘要：原理:利用prpos属性让父组件给子组件传递一个函数,让子组件在合适的时间段去调用该函数,把要传递的数据通过参数的形式传递给父组件,父组件直接可以接受数据 具体实现过程:代码如下 父组件 <template> <div id="app"> <div class="root"> <div class=
阅读全文
摘要：在Vue中我们可以通过props来进行父子之间的传参 比如我们有A,B两个组件,A是B的父组件,B组件想用A组件里面的数据可以通过如下的方式: <template> <div> <!-- 子组件 注： 此方法传递的是静态的数据 --> <MyItem 属性名="属性值" /> <!-- 子组件 传递
阅读全文