2、高性能：bootstrap+vue.js提出虚拟DOM概念，以及数据驱动DOM思想，减少页面渲染成本，大幅度提高性能。
3、生态完善：许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生态，故使用bootstrap+vue.js进行开发，遇到的难题会较少。
4、开源社区活跃：这提供bootstrap+vue.js未来更加强大的可能性。
Nuxt.js 是一个基于 Vue.js 的通用应用框架，预设了利用 Vue.js 开发 服务端渲染 的应用所需要的各种配置。可以更方便的实现 Vue 项目的 SSR 。具体的可详见 官网 ，这里不再过多赘述。
方法一：
方法二：
出现上图即可按照提示， cd 到我们的文件夹，然后运行命令启动项目，启动成功后如下图
assets ：资源目录，用于组织未编译的静态资源如 LESS 、 SASS 或 JavaScript 。
components ：组件目录，用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件，即这些组件不会像页面组件那样有 asyncData 方法的特性。
layouts ：布局目录，用于组织应用的布局组件。
middleware ：中间件目录，用于存放应用的中间件。
pages 页面目录，用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
plugins ：插件目录，用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
static ：静态文件目录，用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下，即 /static/robots.txt 映射至 /robots.txt
store ：状态管理目录，用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。
nuxt.config.js ：用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置。
package.json ：用于描述应用的依赖关系和对外暴露的脚本接口。
更多介绍详见 官网-目录结构
1、Vue是什么 Vue.js 是目前最火的一个前端框架，除了可以开发网站，还可以开发手机App。 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架。 Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是一套用于构建用户界面的渐进式框架。 2、Vue的特点 遵循 MVVM 模式 编码简洁，体积小，运行效率高，适合移动/PC 端开发 它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目 3、Vue与其他前端框架的关系 借鉴 angular 的模板和数据绑定技术 借鉴 react 的组件化和虚拟 DOM 技术 4、Vue的现有插件 vue-cli: vue 脚手架，用于搭建项目的骨架 vue-resource(axios): ajax 请求 vue-router: 路由 vuex: 状态管理 vue-lazyload: 图片懒加载 vue-scroller: 页面滑动相关 mint-ui: 基于 vue 的 UI 组件库(移动端) element-ui: 基于 vue 的 UI 组件库(PC 端) 5、学习Vue的思想改变Vue的中心思想是数据驱动，像远古时代的老前辈jQuery是结构驱动。
大家回忆下以前我们使用jQuery写代码的时候，经常是这样写的：
$("#myDiv").html("HelloWorld")
这些写法首先要获取Dom节点，也就是Dom结构，然后再修改数据更新结构的内容，使用jQuery的一个很大的目的就是为了去简化Dom的操作，而使用Vue就大不一样了，Vue的做法就是直接this.msg=HelloWorld，然后msg就会自动的同步到结构上，我们所要关心的是数据内容的改变，而不再去关心如何操作Dom结构了。
总结一句话：不要在想着怎么操作DOM，而是想着如何操作数据!!
