写在开头
大家好，这里是 lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理， github传送门，觉得不错，点个Star★，好运连连，Offer终究鼠于你，持续更新中。另外，也可以关注微信公众号： 小狮子前端Vue，源码以及资料今后都会放在里面。
Vue基础
全局安装vue/cli脚手架
管理员身份运行cmd，执行如下代码：
npm install -g @vue/cli
或
yarn global add @vue/cli
命令行输入vue ui 打开可视化界面
使用默认default配置
用vscode打开项目，执行如下命令
npm/cnpm run serve
访问：http://localhost:8080/ 查看是否配置成功
自定义指令
除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。
组件
父子组件的通信方式
扫描二维码关注公众号，回复：
10814923 查看本文章
父组件传子组件，是在子组件使用props，然后再父组件，通过:=绑定变量
子组件传父组件，是在子组件使用自定义事件，例如：
//子组件配置
@click="$emit('patch(xxx)')"
//父组件配置
@patch="func"
如果是跨组件，不是父子组件关系，就使用 Vuex。
slot
插槽在组件抽象设计中的应用：
原本组件不能嵌入html内容，但通过父子组件传递插槽即可实现
//父组件
slot="a"
//子组件
<slot name="a"></slot>
结尾
如若本文有瑕疵需修改的地方，请提出来，谢谢您的贡献！
欢迎关注微信公众号：小狮子前端Vue
谢谢您的支持！✿✿ヽ(°▽°)ノ✿
学如逆水行舟，不进则退
