请问vue.js怎样构建后台管理界面？

Question

vue.js怎样构建后台管理界面

Answer 1

介绍：这是一个用vuejs2.0和element搭建的后台管理界面。相关技术：vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。element：基于vuejs2.0的ui组件库。vue-router：一般单页面应用spa都要用到的前端路由。vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

Answer 2

       做一个打包程序就行了。　　做法是从入口文件层层检测，所有`./file.js`的地方都替换成那个文件的内容就行了。没几行代码的程序。　　能把一坨文件打包成一个文件，树状管理、单文件加载。缺点是总归要占用标识符号，而且没有ide支持上下文关联。不过你这样一问我才发现，切分文件除了ide不卡、方便协同办公中并行提交外，还有组件化引用的好处。确实，和require模块适合的需求有些许差异。

Answer 3

vue2 然后通过以下命令安装 webpack cnpm install webpack -g 注：下面 orange 默认给出 npm 的安装方案，安装失败请自行转为 cnpm 安装 在需要创建工程的位置运行 vue init webpack-simple 工程名字 或者创建 vue1.0 的项目

Answer 4

vue提供了初始化的webpack模板，其中使用了vue-loader。vue-loader默认只支持sass, 要是想要使用scss，必须安装node-sass和sass-loader，然后再webpack的配置文件中添加module.exports = {vue: {loaders: {scss: ['vue-style-loader','css', 'sass'].join('!')},}}然后在.vue格式的模板中，style 标签中添加 就可以了。