文档介绍：:.. 项目实战语法-智能社既然我跳进了前端的坑,就要有耐心,各个击破1、安装配置依赖1) vue init webpack-simple 项目名称2) cnpm install3) npm run dev4) cnpm install vuex vue-router axios -D5) cnpm install style-loader css-loader -D6) 需要在  中加入{test: /\.css$/,loader: 'style-loader!css-loader'}7)2、做 vue 项目流程1) 规划组件结构 (、、)2) 编写路由(vue-router)3) 编写具体每个组件的功能3、项目结构1) 在 src ponents 存放组件的文件夹2) assets 存放4、onents1) 在 src ponents 存放组件的文件夹2) ponents 中建立*.vue 文件3) 在  中导入*.vue (import NavView from './components/')4) export ponents:{NavView1}}5) 在 template 中显示<div id="app"><NavView></NavView></div>5、路由篇-router1) 在需要跳转的地方,加入<router-link>to:路由地址,tab 是会自动在 a 标记的上一层生成 li,active-class 高亮的 class 设置<router-link to='/home' tag="li" active-class="active"><a href="#">首页</a></router-link>2) 在要显示的地方路由切换内容的地方放入,<router-view>3) 在  中引入import VueRouter from 'vue-router';import RouterConfig from './' //配置 router (VueRouter);new Vue({el: '#app',router,render: h => h(App)});const router = new VueRouter({mode:'history',scrollBehavior:() =>({y:0}), //切换路由的时候,内容都从顶上开始读routes:RouterConfig})4) 在 src 中建立一个  文件5)  完善里面的配置import Home from './components/'import Follow from './components/'import Column from './components/'export default[{path:'/home',component:Home},{