eva_feng的博客

学习时候碰到的需求场景：我的音乐列表，点击一个音乐项跳转到音乐详情页 第一种方式：使用 router 动态路由传参，将需要的数据带过去 音乐列表页组件： 音乐详情页组件： 音乐列表页通过selectSong方法传参，在音乐详情页的挂载完成里面将数据赋给songDetail，使其渲染页面。 第二种方式：使用vuex；下面有补充vuex的相关代码 音乐详情组件： 音乐列表页中通过引入mutat...

非父子组件之间的通信有两种方法：eventBus，vuex。这里先只记录下eventBus的使用方法。 例如：一个父组件中同时引入A组件和B组件，A组件中点击触发后将数值10传到B组件中。 第一步：定义一个公共的实例文件eventBus.js，作为中间仓库来传值。 //eventBus.js import Vue from 'vue' export default new Vue() 第...

组件和组件之间的通信，最常用的就是父子之间的通信。在vue 中， 在一个组件中通过 import 引入另一个组件，这个组件就是父组件，被引入的组件就是子组件。 父组件传值给子组件 父组件部分： 子组件部分： 总结： 父组件中引入子组件，在子组件的标签上绑定你要传给子组件的值； 子组件在props中创建一个属性，用以接收父组件传过来的值 ； 子组件在把值传给父组件 子组件部分： 父组件部分...

vue router是vue学习的核心之一，刚开始学习，官网的有些方法理不清，在网上找了些相关的，自己能看得懂和理解的。在这记录下，需要的时候自己过来查。 router有两种模式，hash模式和history模式。 hash模式：地址栏 URL 中的 # 符号；（例如：http://localhost:8080/#/user/007）； history模式：地址栏是常规的url（例如：https:...

在练习写vue router动态路由时碰到的问题。点击多次时，地址栏不断增加重复。 查看代码发现是页面中相对路径最前面少了 ‘ / ’；添加上就能正常显示了。如下： ...

vue-cookies链接： https://github.com/cmp-cc/vue-cookies 在vue中想要操作cookie，除了使用我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作。 一、模块安装 npm install vue-cookies --save 二、m...