摘要: 第一种:父-->子 props传递数据; 子-->父 触发自定义事件的形式 第二种:provide...inject结构 父组件project抛出数据,子组件inject接收数据 非父子组件之间的数据通信 第一种:事件总线Bus(空vue对象) 第二种:状态管理库vuex 阅读全文
posted @ 2022-05-12 22:00 食神家 阅读(20) 评论(0) 推荐(0)
摘要: Route:一组路由信息对象{path:’/foo’,component:foo} Routes:路由信息对象数组const routes=[ {path:’/foo’,component:Foo} {path:’/bar’,component:Bar} {path:’/user’,componen 阅读全文
posted @ 2022-05-12 21:58 食神家 阅读(209) 评论(0) 推荐(0)
摘要: 作用:之前vue对象规定了我们必须把某一类数据放到某一类结构中,这样在一定程度上对我们的代码进行了强制的分割. 在vue3中我们引入了setup()合成API语法,他可以将某数据关联的内容都整合到一个部分,即时setup()中的内容越来越多,也会围绕着大而不乱的形式开发项目. 阅读全文
posted @ 2022-05-12 21:57 食神家 阅读(32) 评论(0) 推荐(0)
摘要: setup()结构中定义的变量,函数都需要return之后才可以在模板中使用 setup()是处于created生命周期之前的函数,也就是说data.methods中的数据是无法访问到的,setuo()结构中的this指向undefined ref 在setup中只能包装字符串或数字形式的数据(值) 阅读全文
posted @ 2022-05-12 21:56 食神家 阅读(103) 评论(0) 推荐(0)
摘要: Vuex是一个专为Vue.Js应用程序开发的管理库。状态就是指组件之间共享的数据 Vue项目中配置状态管理库vuex的流程 1下载并引入vuex相关内容 2创建状态管理库对象store 3对外抛出store对象 4在mian.js中将store对象与当前项目相关联 阅读全文
posted @ 2022-05-12 21:55 食神家 阅读(27) 评论(0) 推荐(0)
摘要: 组件中获取方法 直接获取this.$store.getters; 使用对象展开运算符的形式获取 …mapGetters([‘xxx’,’xxx’]) Mutations:定义了修改store对象中state数据的同步方法(要修改的数据不是ajax异步获取的) 组件中如何触发 1.直接使用commit 阅读全文
posted @ 2022-05-12 21:54 食神家 阅读(80) 评论(0) 推荐(0)
摘要: 第一步引入express后 配置body-parser 第三 例如:app.get('/',function (req,res){ 取决于谁在前面看位置不看单词 例如(a,b)a代表的就是前端给后端的,b就代表的就是后端给前端的 例如(res,req) res就是前端给后端的,req就是后端给前端的 阅读全文
posted @ 2022-05-12 21:52 食神家 阅读(102) 评论(0) 推荐(0)
摘要: params传参 定义动态路由: 传输参数: 接收参数: props传参: 值为布尔值的形式 定义动态路由: 传输参数: 接收参数: 阅读全文
posted @ 2022-05-12 21:48 食神家 阅读(61) 评论(0) 推荐(0)
摘要: 与其说是Vue的生命周期,我觉得不如说是其内组件的生命周期。 简单来说,它的生命周期就是用来描述一个组件从引入到退出的全过程。 那复杂来说呢?就是一个组件从创建开始经历了数据初始化,挂载,更新等步骤后,最后被销毁。 阅读全文
posted @ 2022-05-12 21:48 食神家 阅读(27) 评论(0) 推荐(0)
摘要: 命令行下载vue-router 创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法,将路由管理器1对象与当前vue项目相关联 5.在项目中设置路由导航router-link与路由出口router-view 阅读全文
posted @ 2022-05-12 21:44 食神家 阅读(77) 评论(0) 推荐(0)