# myvue

**Repository Path**: YanJingShe/myvue

## Basic Information

- **Project Name**: myvue
- **Description**: 主要是vue的一些常用的公共组件，写写，用时可直接拿来用的
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# myvue

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
```
运用到axios练习，配置，少量的webpack，vue-router，写的一些移动端的公共组件，后续还会整理
目前有APP title部分
发送验证的倒计时
输入框
标准列表
底部的tabbar



后续会加上一些地图，vue笔记，测试的小案例





导航色号#1296db，#515151
公共头部组件暴露的属性
props:['handleNumber','nextPage','propsRightTextShow','propsRightIconShow','propsRightIcon','Title','propsLeftTextShow','propsLeftIconShow','propsLeftIcon'],
[判断点击事件是否执行，跳转下一页的参数，导航右侧文字是否显示，导航右侧图标是否显示，右侧图标，中间文字，左侧文字是否显示，左侧图标是否显示，左侧图标]


'propsFieldIcon','propsFieldIconIsshow','propsFieldTitle','propsFieldPlaceholder','isShow',   
输入框左边图标，左边图标是否显示，左边文字，输入框提示文字，公共title显示隐藏
'propsCellIconIsShow','propsCellLeftIcon','propsCellTitle','propsCellRightIcon'
左边图标是否显示，左边图标，左边文字，右边图标







ruoter-view  默认显示路有中component设置的组件，如果页面用到两个或多个router-view时可以用name区别显示内容，这时此页面路由的component要改成components配置成对象（默认设置default:login）,name：渲染组件

登录前做校验的router.beforeach((to,from,next)=>{
    如果路由等于login进入页面，这时全局路由校验，一般多用于登录校验
    if(to.fullPath=='login'){
        next(‘/login’)
    }
})


在封装axios时，如果.then()里的代码有错误，返回的数据会进入catch()里



vue配置less：文件lessCss.vue
安装less，less-loader
npm install less less-loader --save-dev
配置build下的webpack.base.conf.js文件的module.export对象的rules添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
如若报错less则在执行npm audit fix和npm audit fix —force两个命令修复
使用时在style标签添加lang=“less”或是引入外部的less文件,在style标签引入
improt “XXX.less”