付之一笑的专栏

Hash地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。

私有自定义指令全局自定义指令在每个 vue 组件中，可以在directives节点下声明私有自定义指令。

插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。

购物车案例App.vueApp.vue —> Goods.vue 父传子，采用的方式将数据由父组件传递给子组件。App.vueGoods.vueGoods.vueApp.vueFooter.vueApp.vueApp.vueFooter.vueGoods.vueCounter.vueApp.vueeventBus.js

ref 用来辅助开发者在不依赖于jQuery的情况下，获取 DOM 元素或组件的引用。每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的$refs指向一个空对象。

在项目开发中，组件之间的最常见的关系父子关系、兄弟关系。

组件化开发指的是：根据封装的思想，，从而方便项目的开发和维护。

vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 vue 项目的过程。引用自 vue-cli 官方的一句话：程序员可以专注在撰写应用上，而不必花好几天去纠结webpack配置的问题。

vue 过滤器、侦听器、计算属性

官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。

一、什么是webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。注意：目前Vue、React等前端项目，基本上都是基于webpack进行工程化开发的。二、创建列表隔行变色项目2.1、搭建项目新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件packag