vue进阶（学习笔记）

简介

通过前面的讲解，我们学习了vue的基础知识，本篇博文承前启后，主要内容是在掌握了vue的基础知识之后，下一阶段我们要学什么以及是什么，并且前面的vue代码属于学习模式，开发通过cdn引入，并不是vue在实际工作中的样子，但二者的知识基础是一样的，并且二者在开发的思维方式上有一定的区别。

知识点

1. 工程化与组件化开发引导
2. 前端路由管理（vue-router）
3. 前端状态管理（vuex）
4. 服务端渲染（nuxt.js）

 工程化与组件化开发引导

vue应用广泛，常常被用来开发单页应用（SPA single page application），和react，angular一样，vue也有自己的脚手架开发工具，vue-cli是vue的官方脚手架工具，通过webpack来对模块打包，实现工程化与组件化开发，如果你对前端模块化还不太了解，可以先去学习es6模块规范，因为在项目当中会大量的用到模块的引入或者导出

imort vue from vue;
import App from "./App";
import router from './Router';

 new Vue({
 el:'#app',
 router,
 components:{App},
 template: '<App/>',
 });

在vue-cli安装好以后，我们可以使用指令生成一个vue应用，

vue init webpack appName，从而得到一个vue项