前端实习D11

图标的使用

图标一般放在src/icons/svg目录下

设置iconClass属性="文件名没后缀"

<svg-icon icon-Class="dashboard" />

1.全局注册svg-icon组件

2.引入目录下所有svg

3.loader插件打包svg

4.svg-icon 引用svg链接

• 知识扩展

1.了解：require.context(路径，是否扫描子目录， 正则匹配) 可以引入某个目录下的内容2.了解：svg-sprite-loader打包了所有svg到一个svg标签上，将svg名称作为symbol标签的id属性3.了解：svg-icon使用iconClass属性引用了symbol的id

 仓库的使用

• 初始化仓库

$ git init # 初始化仓库

• 添加到暂存区

$ git add . # 添加到暂存区

•  本地仓库配置远程仓库地址

$ git remote add origin <你的远程仓库地址>  # 本地仓库配置远程仓库地址

• 推送到远程仓库

 $ git push -u origin master # 推送到远程仓库

 登录功能：

手机号的校验：

 pattern:/^1[3-9]\d{9}$/,//正则表达式 以1开头，第二个数字是3-9，中间9个数字

勾选用户协议：

设置token ( src/store/modules/user.js )

Vue-cli代理解决跨域

配置文件可以直接配置代理 vue.config.js

    proxy: {
      '/api': {
        target: 'https://heimahr.itheima.net'
      }
    }