此博客内容主要是小可日常工作中的一些问题解决的记录整理而成

下载完成后双击打开安装 第一个是选择nvm存放目录nvm这个目录是默认创建好的，直接选择路径即可，选择了新路径也会有默认创建的nvm目录的 第二个选择下载的node目录，默认在c盘路径有node默认目录，但是一旦选择了非默认路径，则不会创建新的默认目录的，因此需要在本地新建一个nodejs文件夹，因为安装时需要选择下载的node的目录。3.查看已安装所有的nodejs 我这里刚刚又安装了一个20版本的nodejs，执行如下命令查看下所有的已安装的nodejs版本。这时会发现只剩下20版本的了。

【代码】双击爱心（可复制源代码）

【代码】帮我把灯打开（可复制源代码）

【代码】好玩的登录页（可复制源代码）

Vue.js 的组件通信到此还没完全结束，如果你想“趁热打铁”一口气看完，可以先阅读第 6 节组件的通信 3。亦或按顺序看下一节的实战，来进一步加深理解 provide / inject 和 dispatch / broadcast 这两对通信方法的使用场景。注：本节部分代码参考 iView。

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉React，这与 React 的上下文特性很相似。并且文档中有如下提示：provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。看不懂上面的介绍没有关系，不过上面的这句提示应该明白，就是说 Vue.js 不建议在业务中使用这对 API，而是在插件 / 组件库（比如 iView，事实上 iView 的很多组件都在用）。

现在我们给组件加一个点击事件，目前有两种写法，我们先看自定义事件 event（部分代码省略）：

三年前，我开始接触 Vue.js 框架，当时就被它的轻量、组件化和友好的 API 所吸引。与此同时，我也开源了 iView 项目。三年的磨(cǎi )砺(kēng)，沉淀了不少关于 Vue.js 组件的经验。本小册的内容也许不会让你的技术一夜间突飞猛进，但绝对使你醍醐灌顶。那么，请准备好一台电脑和一杯咖啡，一起来探索 Vue.js 的精髓吧。