快餐店收银系统Pos学习笔记

#快餐店收银系统Pos学习笔记
##第一节mockplus
这是一个产品经理使用的软件，可以大概地做出网页样式。

##第二节安装vue-cli环境

全局下安装vue-cli脚手架

进入目录下后输入上面的命令，可以初始化当期文件夹，采用webpack模板

之后在component下新建一个pos.vue，之后配置相对的路由路径router

##第三节图标选择
可以登录这个网站进行获取，http://www.iconfont.cn

##第四节编写独立的侧边栏导航组件
即编写悬浮在左边的菜单栏首先创建一个leftNav.vue的组键，写好相应的html和css样式，
记得要float:left;让它左浮动。之后引入App.vue中， 这样就可以直接引入。
##第五节Element的使用
Element是一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助你的网站快速成型

下载到当前工程下。
之后在项目中引入可以在main.js下进行操作

这样便可以使用组件库了。

用Element的el-row的布个局
安装好，先做个简单的布局小试牛刀，这里作两栏布局，Element支持用24栏的形式进行布局。

来源：逍遥的海豹