But昊的博客

0、说明 引入JQuery库的方式有多种，我曾经试过用npm直接把jquery安装配置入项目，但是在后续开发中，尤其是用到基于jquery的第三方插件的时候，遇到了很多的问题，所以这里还是介绍一种非常简单非常容易上手且没有后顾之忧的方式。

1、添加公用组件如果一个组件每个页面都要用到，比如导航栏和页尾，那么可以通过这个方法来注册和使用组件，步骤如下： 1、在src/components里面新建一个headerBar.vue文件，作为导航栏组件，这里假设你对vue的语法已经很了解了，demo如下：<!--因为用到了bootstrap，请参考上一篇教程引入bootstrap文件--> <template> <div> <hea

1、环境配置 创建Vue项目需要node和npm支持，如果已经安装过了请跳过此步骤 1、node环境配置： 下载地址：https://nodejs.org/en/download/ 下载后双击安装程序就可以了 2、npm环境： 最新版的node已经集成了npm，也不需要额外安装了 3、测试：在cmd中输入如下命令，如果出现版本号则说明配置成功 node -v

友情链接Vue项目实战（一）- 从0到1的蜕变 Vue项目实战（二）- 引入JQuery等第三方库 Vue项目实战（三）- 组件的注册和使用 Vue项目实战（四）- 组件之间的通信组件之间的通信原理其实组件之间的通信非常简单，只需要简单的加一个第三方事件管理器就可以了，比如在组件A中点击某个按钮想要通知组件B做一些操作，那么只需要让组件A告诉管理器我想要触发某事件，而组件B只需要监听这

0、环境要求基本环境要求：node、npm 1、新建Vue项目并运行1、npm install -g vue-cli //全局安装vue-cli 2、vue init webpack project-name //创建一个基于"webpack"模板的新项目 3、npm install //安装所有依赖的库 4、npm run dev