![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习
空空的瓶子酱
这个作者很懒,什么都没留下…
展开
-
vue 使用vuex在页面跳转的实现
学习时候碰到的需求场景:我的音乐列表,点击一个音乐项跳转到音乐详情页第一种方式:使用 router 动态路由传参,将需要的数据带过去音乐列表页组件:音乐详情页组件:音乐列表页通过selectSong方法传参,在音乐详情页的挂载完成里面将数据赋给songDetail,使其渲染页面。第二种方式:使用vuex;下面有补充vuex的相关代码音乐详情组件:音乐列表页中通过引入mutat...原创 2020-05-02 23:18:05 · 5639 阅读 · 1 评论 -
vue 非父子组件之间的通信--eventBus
非父子组件之间的通信有两种方法:eventBus,vuex。这里先只记录下eventBus的使用方法。例如:一个父组件中同时引入A组件和B组件,A组件中点击触发后将数值10传到B组件中。第一步:定义一个公共的实例文件eventBus.js,作为中间仓库来传值。//eventBus.jsimport Vue from 'vue'export default new Vue()第...原创 2020-04-15 17:34:26 · 221 阅读 · 0 评论 -
vue父子组件之间传值
组件和组件之间的通信,最常用的就是父子之间的通信。在vue 中, 在一个组件中通过 import 引入另一个组件,这个组件就是父组件,被引入的组件就是子组件。父组件传值给子组件父组件部分:子组件部分:总结:父组件中引入子组件,在子组件的标签上绑定你要传给子组件的值;子组件在props中创建一个属性,用以接收父组件传过来的值 ;子组件在把值传给父组件子组件部分:父组件部分...原创 2020-04-13 23:38:43 · 98 阅读 · 0 评论 -
vue router的基本使用
vue router是vue学习的核心之一,刚开始学习,官网的有些方法理不清,在网上找了些相关的,自己能看得懂和理解的。在这记录下,需要的时候自己过来查。router有两种模式,hash模式和history模式。hash模式:地址栏 URL 中的 # 符号;(例如:http://localhost:8080/#/user/007);history模式:地址栏是常规的url(例如:https:...转载 2020-04-12 11:20:46 · 152 阅读 · 0 评论 -
vue router动态路由点击跳转路径地址重复追加
在练习写vue router动态路由时碰到的问题。点击多次时,地址栏不断增加重复。查看代码发现是页面中相对路径最前面少了 ‘ / ’;添加上就能正常显示了。如下:...原创 2020-04-10 23:58:07 · 4086 阅读 · 2 评论 -
vue中使用vue-cookies
vue-cookies链接: https://github.com/cmp-cc/vue-cookies在vue中想要操作cookie,除了使用我们自己封装好的操作cookie的方法之外,我们还可以使用vue-cookies插件,这是一个简单的Vue.js插件,专门用于在vue中处理浏览器的cookie操作。一、模块安装 npm install vue-cookies --save二、m...原创 2020-03-22 14:33:07 · 1154 阅读 · 0 评论