资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-ht ...
分类：
其他好文 时间：
2017-12-09 16:47:38
阅读次数：
120
建立playlist.vue 组件，在player.vue 组件中引用，点击迷你播放器的播放列表按钮由下至上弹出这个层，所以在player.vue 播放器组件中引用 在playlist.vue 组件中首先设置对外的方法可以控制该组件的显示隐藏，通过mapGetters 获取歌单数据 播放列表功能操作 ...
分类：
其他好文 时间：
2017-12-01 19:45:37
阅读次数：
453
简介： 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 组件的注册(官网) 有两种方式注册Vue组件：全局注册和局部注册，就好像欧 ...
分类：
Web程序 时间：
2017-12-01 16:38:37
阅读次数：
235
建立搜索框组件页面，searchBox，组件接受一个可以自定义传入的placeholder 属性。input v-model 双向绑定数据关联到query 中， 在created中监听 query 变量将改变的新值派发给外部父组件，在search.vue 组件中将其引入 search.vue 热门搜 ...
分类：
其他好文 时间：
2017-11-29 18:16:50
阅读次数：
176
什么是Vuex？ vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 引入Vuex（前提是已经用Vue脚手架工具构建好项目） 1、利用npm包管理工具，进行安装 vuex ...
分类：
其他好文 时间：
2017-11-29 16:06:54
阅读次数：
127
什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 如何注册组件？ 需要使用Vue.extend方法创建一个组件，然后使 ...
分类：
其他好文 时间：
2017-11-25 13:18:12
阅读次数：
228
父组件向子组件传值步骤： 在这里先定义一下，相对本案例来说：App.vue是父组件，Second-module.vue是子组件。 一、首先，值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件的data中定义值： 二、其次，父组件要和子组件有契合点：就是在父组件中调用、注册、引用子组件： 调用 ...
分类：
其他好文 时间：
2017-11-22 14:21:27
阅读次数：
543
slot--使用插槽分发内容（位置、槽口；作用: 占个位置） 官网API： https://cn.vuejs.org/v2/guide/components.html#使用插槽分发内容 使用组件时，有时子组件不知道会收到什么内容，这是由父组件决定的。 一、单个插槽 二、具名插槽 slot根据不同的n ...
分类：
其他好文 时间：
2017-11-22 11:45:06
阅读次数：
372
<script> var Event = new Vue(); //组件A var A = { data: function() { return { a: "../images/1.jpg", b: "../images/2.png", c: "../images/3.jpg" } }, temp ...
分类：
其他好文 时间：
2017-11-21 23:43:18
阅读次数：
127
