简介
通过前面的讲解,我们学习了vue的基础知识,本篇博文承前启后,主要内容是在掌握了vue的基础知识之后,下一阶段我们要学什么以及是什么,并且前面的vue代码属于学习模式,开发通过cdn引入,并不是vue在实际工作中的样子,但二者的知识基础是一样的,并且二者在开发的思维方式上有一定的区别。
知识点
- 工程化与组件化开发引导
- 前端路由管理(vue-router)
- 前端状态管理(vuex)
- 服务端渲染(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项