hanguofei的博客

一、引入组件1.搜索栏主要由一个搜索框和多个按钮组成2.表格直接引入element-ui里的表格组件3.分页组件同上4.弹出框（模态框）同上效果图：二、准备工作1、在侧边栏加上页面路由在/src/router/index.js里加入如下代码2、在/src/views里创建test文件夹，在该文件夹下创建index.vue文件三、实现过程1、搜索栏2、表格3、分页4、弹出框四、插入mock数据根据第三步的步骤，做出来的页面只是空有一个架子，没有任何数据。接下来

一、功能介绍todoList：任务计划列表大致功能：1.输入框输入内容后，按enter键，即可把内容添加到下方列表2.可将单个todo标为完成3.可删除单个todo4.双击todo进行编辑，按esc键取消5.显示未完成的todo数量6.可筛选未完成的todo，已完成的todo7.可全部标为完成，可一次性清楚全部已完成todo，亦可一次性清楚全部todo二、实现过程1、效果图（1）什么都没添加：（2）添加2项：（3）标记一项为已完成：（4）删除：（5）双击编辑：（6

一、前端（vue.js+iview）1.新建一个vue项目，取名login使用vue init webpack login初始化一个vue项目。然后进入login目录2.初始化包结构执行npm install（需要先安装node.js，参考node官网进行安装即可）最后启动项目：npm run dev打开浏览器，输入http://localhost:8080进行访问，看到如下页面表示启动成功。3.安装iview将刚才的项目停止（Ctrl+C，然后按Y确定），执行npm ins

一、准备工作项目模板采用vue-element-admin，使用vue和element-ui实现1.目录结构permission.js登录流程中，permission.js是最重要的环节，这个文件是路由的全局钩子（beforeEach和afterEach），全局钩子的意思就是每次跳转的时候可以根据情况进行拦截，不让他跳转。使用场景就是有些页面需要登录才能访问，这时候就可以在beforeEach中校验用户登录状态来进行拦截。utils/auth.js设置token到cookie中的操作封装。r

项目使用vue-cli创建一、vue程序启动加载过程1.程序首先加载main.js2.main.js创建一个vue实例，并把实例挂载到id=app上,这个id=app会映射到app.vue（创建）3.启动时，首页加载index.html，根据id=app找到app.vue（使用）4.在app.vue里，根据router-view渲染页面二、目录结构解析bulid：项目打包相关config：项目的配置目录node_moudules：npm install时安装的依赖src：开发目录.

node-sass 安装失败的原因及解决办法一、vue-element-admin 介绍：vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮...