摘要: 1.基本使用 1.安装vue-router, 命令:npm i vue-router 2.应用插件:Vue.use(VueRouter) 3.编写router配置项: // 该文件专门用于创建整个应用的路由器import VueRouter from "vue-router";// 引入组件impo 阅读全文
posted @ 2021-12-19 03:20 问某完红 阅读(100) 评论(0) 推荐(0)
摘要: 1.Vuex是什么 Vuex是Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue中多个组件的共享数据进行集中式管理(读/写),也是一种组件间通信方式,且适用于任何组件间通信 2.什么时候用Vuex 1.多个组件依赖于同一状态 2.来自不同组件的行为需要变更同一状态 3.搭建Vuex开发环境 阅读全文
posted @ 2021-12-19 03:17 问某完红 阅读(49) 评论(0) 推荐(0)
摘要: 作用:让父组件可以向子组件指定位置传入特定的html结构,也是一种组件之间的通信方式,适用于父组件 >子组件 ###### 1.默认插槽 ```javascript// 父组件<Category> <div>html结构</div></Category> //子组件<template> <div c 阅读全文
posted @ 2021-12-19 03:16 问某完红 阅读(87) 评论(0) 推荐(0)
摘要: 方法一: 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000"} 说明: 优点:配置简单,请求资源时直接发给前端(8080)即可。 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 工作方式:若按照上述配置代理,当请求 阅读全文
posted @ 2021-12-19 03:15 问某完红 阅读(60) 评论(0) 推荐(0)
摘要: 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 图示: 写法: 准备好样式: 元素进入的样式: v-enter:进入的起点 v-enter-active:进入过程中 v-enter-to:进入的终点 元素离开的样式: v-leave:离开的起点 v-leave-active 阅读全文
posted @ 2021-12-19 03:14 问某完红 阅读(42) 评论(0) 推荐(0)
摘要: !!意思是讲表达式的值转化为与其对应的布尔值,与Boolean()用法一样 阅读全文
posted @ 2021-12-19 03:13 问某完红 阅读(169) 评论(0) 推荐(0)
摘要: 作用:他里面的callBack会在下一轮DOM更新完毕的时候再执行,也就是下一轮才会执行,通俗点讲就是Vue先解析模板,再去执行方法,执行到这个方法里的$nextTick函数的时候,Vue就懂了,就知道你是想让Vue先绕过去它执行别的主程序代码,要是没有别的主程序代码就看一下模板需不需要更新,要是不 阅读全文
posted @ 2021-12-19 03:12 问某完红 阅读(32) 评论(0) 推荐(0)
摘要: 1.一种组件之间通信的方式,可以适用于任何组件之间通信 2.使用步骤: 1.安装pubsub: npm i pubsub-js 2.引入: import pubsub from 'pubsub-js' 3.接收数据:A组件想要接收数据,就得现在A组件订阅一个消息,订阅消息的事件留在A组件自身 // 阅读全文
posted @ 2021-12-19 03:10 问某完红 阅读(73) 评论(0) 推荐(0)
摘要: 在Vue里我们可以通过全局事件总线来实现任意组件之间通信,它的原理是给Vue的原型对象上面添加一个属性,这样的话我所有组件的都可以访问到这个属性,然后可以通过这个属性来访问其他组件给这个属性上面绑定的一些方法从而去传递数据,而且这个属性还可以去访问Vue实例对象上的方法,因为Vue组件构造函数的原型 阅读全文
posted @ 2021-12-19 03:09 问某完红 阅读(530) 评论(0) 推荐(0)