# lf_client_pc

**Repository Path**: chopperLiu/lf_client_pc

## Basic Information

- **Project Name**: lf_client_pc
- **Description**: vue 适合PC端的应用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-10-18
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# lf_client_pc
产品分类的的父类树状结构展示和选择，或者可搜索的框

> A Vue.js project

## Build Setup

npm install stylus stylus-loader --save-dev
npm install --save vuex
npm install --save axios
npm install vue-router --save
npm install --save element-ui
npm install --save vue-style-loader
npm install sass-loader --save
npm install node-sass --save
npm install qs
npm install --save requirejs
npm install --save babel-polyfill 支持IE
npm install xlsx file-saver element-ui --save : 文件导出成Excel
npm install vue-image-crop-upload
npm uninstall vee-validate
npm install vee-validate@2.0.0-rc.25


## 技术说明
   # 在vue项目中：统一封装 Axios 接口与异常处理
      https://blog.csdn.net/qq_40128367/article/details/82735310
      
   #sessionStorage ：是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
       在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。
       sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象。
## 名词解释
   #SPA ： 单页Web应用（single page web application，）
   #let与const都是只在声明所在的块级作用域内有效。
       let声明的变量可以改变，值和类型都可以改变，没有限制。
       const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。
   #var Event = new Vue();相当于又new了一个vue实例，Event中含有vue的全部方法；
   #Event.$emit('msg',this.msg); 发送数据，第一个参数是发送数据的名称，接收时还用这个名字接收，第二个参数是这个数据现在的位置；
    　　Event.$on('msg',function(msg){接收数据，第一个参数是数据的名字，与发送时的名字对应，第二个参数是一个方法，要对数据的操作
    　　　/这里是对数据的操作
    　　})
   #$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick
   #created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
    mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
    在created的时候，视图中的html并没有渲染出来，所以此时如果直接去操作html的dom节点，一定找不到相关的元素
    而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点，故输出了结果“唐浩益”。
   # 界面显示的弹出信息，$message 使用的官方文档，http://element-cn.eleme.io/#/zh-CN/component/message
   # IE报vuex requires a Promise polyfill in this browser问题解决https://www.cnblogs.com/weiqinl/p/6794612.html
   # element-ui 树状结构显示https://blog.csdn.net/yh869585771/article/details/79954432
   # npm install vue-quill-editor --save vue-quill-editor 富文本编辑器及插入图片自定义
   
   
   https://blog.csdn.net/qq_27828675/article/details/81002389
   https://blog.csdn.net/qq_27828675/article/details/80981171
   https://blog.csdn.net/java_xxxx/article/details/81239148
   https://segmentfault.com/a/1190000013796215 选取和上传分开
   https://blog.csdn.net/zmy_coder/article/details/78042485
   #Vue-Quill-Editor 使用说明（插件只兼容IE10以上，不能向下兼容，如果要向下兼容，只能放弃使用这个插件）
      1、安装插件
      npm install vue-quill-editor --save
      2、配置


   # 数据导出到Excel ：https://www.cnblogs.com/wangjiachen666/p/10140118.html#_label1
      https://www.cnblogs.com/secretAngel/p/10277077.html
      https://segmentfault.com/a/1190000012526934
   
   # VeeValidate npm install vee-validate --save
   https://blog.csdn.net/docallen/article/details/73650179
   http://www.cnblogs.com/xxwang/p/6104715.html
   https://www.jianshu.com/p/2a456e31c581
   https://segmentfault.com/a/1190000011296437
   https://segmentfault.com/a/1190000013431243?utm_source=channel-hottest
   http://www.mamicode.com/info-detail-2348643.html 异步验证
   https://blog.csdn.net/weixin_34409357/article/details/88010066 卸载veevalidate
   https://blog.csdn.net/baidu_28068985/article/details/80929973 自定义验证规则
   
   https://www.cnblogs.com/luoxuemei/p/9295506.html required自定义验证方法
   
   #el-cascader 数据回显
   
   
   #js的数组、对象、map、set存储数据
   https://www.jianshu.com/p/04172206b06a
   
   #vue中引入.svg图标，使用iconfont图标库
   https://www.jianshu.com/p/7e65608ddc0a
   例如使用组件：<svg-icon icon-class="marker" style="color: #606266"></svg-icon>
   
   #vue实现购物车功能
   https://blog.csdn.net/sonicwater/article/details/81096219
   https://www.cnblogs.com/iwideal/p/6364783.html
   https://blog.csdn.net/zhooson/article/details/78495250
   
   # 点击列名可以进行排序
   https://www.cnblogs.com/taylorchen/p/6083099.html
   
   #
   http://39.98.190.128/index.html#/pms/addProduct
   
   #卸载组件
   1、安装插件
   
   npm install --save qrcode
   
   2、卸载插件
   
   npm uninstall qrcode
   
   #开发启动
   npm run dev 
   就可以使用：config包中：dev: {}内部的功能
   
   #打包发布
   npm run build
   
   #nginx打包
    vue项目打包部署——nginx代理访问 :
    https://blog.csdn.net/kaola_l/article/details/80497490
    windows下nginx的安装及使用:
    https://www.cnblogs.com/jiangwangxiang/p/8481661.html
    window 配置代理：
    https://blog.csdn.net/Sy_callpolice/article/details/88031018
    
   # nginx发布多个程序和重启和关闭
   http://www.pianshen.com/article/7544347117/
   https://www.wanweiwang.cn/FAQ/view/977.html
   https://www.cnblogs.com/codingcloud/p/5095066.html