Fairy的博客

项目码云地址：https://gitee.com/Snow28/MyMusic（如果觉得可以，麻烦给我鼓励一个star）技术栈vue vue-router vuex axios jsonp audio flex better-scroll good-storage主要功能：歌曲播放（从搜索历史添加到播放列表，展示最近播放） 切换歌曲（上一首，下一首，随机，单曲，循...

我对vue中Router的解释，可以到https://blog.youkuaiyun.com/Gbing1228/article/details/103556607了解一、什么是动态路由？例如：点击不同的歌手进入到不同的歌手详情页虽然每个请求的id不同，但是都会导航到同一个组件中，在配置路由的时候就不能写死。在vue-router中，动态路由由“：”开头。 <router-link t...

我对vue中动态路由的解释，可以到https://blog.youkuaiyun.com/Gbing1228/article/details/103557064了解一、解释什么是路由：路由就是指向的意思例如：点击home按钮，压面中就显示home内容；点击about按钮，页面中就显示about内容；home按钮==》home内容，about==》about内容；这也可以说是一种映射三个...

今天遇到一个问题，是关于在Vue的img标签中，使用：src绑定本地静态资源图片的操作我开始在data（）中这样写的，并没有把图片加载出来：imgUrl: ('../../../assets/Ima-swiper/swiper4.jpg')效果如图：随后，代码改为：imgUrl: require('../../../assets/Ima-swiper/swiper4.j...

一.初步认识MVVM模式：MVVM设计模式： M:数据层，对应Vue中data内容， V:视图层，对应Vue中的html标签内容 VM:是Vue提供的功能，对应Vue中methods里的内容 Vue更多的是通过去写数据层代码来实现功能传统的MVC模式：更多的代码时去写C控制层的代码改变DOM的结果来实现功能二、Vue实例中的应用​ Vue能做到响应...

自定义指令的写法：将组件写法中的component改为directive；自定义指令选项是有几个钩子组成的，每个都是可选的。bind：只调用一次，指令第一次绑定到元素时调用，用的这个钩子函数可以定义在一个绑定时执行的初始化动作； inserted:被绑定元素插入父节点是调用（父节点存在即可调用，不必存在于document中） update：被绑定元素所在的模板更新时调用，而不论绑定值是...

Vue的3个API：props传数据，events触发事件，slot内容分发；需要让组件组合使用，混合父组件的内容和子组件的模板是，就需要slot，称为内容分发；单个slot用法：在子组件内使用slot可以开启一个卡槽，在父组件模板里，插入在子组件标签内的所有内容将替代子组件slot标签以及他的内容:<div id="app"> <child-compo...

方法：1.使用中央事件总线（bus），也就是一个中介来完成。<div id="app"> {{message}} <component-a></component-a></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s...

props的值可以是两种，一种是字符串数组，一种是对象； props中声明的数据是来自父级，而data中的数据是组件本身的数据，作用域是组件本身，这两种数据都可以在模板template以及计算属性的方法中使用。 要使用来自父级的动态数据时，需要使用v-bind来动态绑定props。 <div id="app" > <input type="t...

1，基本指令：v-cloak：不需要表达式，会在vue实例结束编译时从绑定的HTML元素上移除，经常和CSS中的display：none连用； 解决初始化慢，导致的页面闪动；v-once：不需要表达式，定义他的元素或者组件只渲染一次；首次渲染后，不在随数据变化而重新渲染；2，条件渲染指令：v-if，v-else-if, v-else:表达式为真时，渲...

递归组件需要给组件设置name选项：<div id="app"> <child-component :count="1"></child-component></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...

关于计算属性介绍：1.所有的计算属性都以函数形式写在Vue实例内的computed选项内，最终return返回计算后的结果。2.每个计算属性都会有一个getter和setter函数，手动修改计算属性时就会触发setter函数，getter方法用来读取计算属性；3.计算属性可以依赖其他计算属性4.计算属性不仅可以依赖当前Vue实例的数据，还可以一阿里其他实例的数据。<sc...

数据绑定：v-model的指令的值对应创建Vue实例中的data选项中的元素字段，在data选项中可以声明应用内需要双向绑定的数据。只要建立双向绑定，修改其中任何一个，另一个也会一起变化。var MyData={ a:1}var app=new Vue({ el；APP， data:MyData})console.log(a)//1//修改属性...