# vue-test

**Repository Path**: xphm/vue-test

## Basic Information

- **Project Name**: vue-test
- **Description**: vue架构demo
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-test

#### 项目介绍
vue架构demo

#### 软件架构
软件架构说明
    src :{
        assets: img资源放置区,
        components:公共组件放置区,
        http:封装好的ajax,请求数据,
        page:单个页面放置区,
        router:路由,
        store:业务处理,
        style:less/sass放置区,
        utils:封装好的工具类方法
    }

#### 安装教程

1. npm install (如果没有全局安装node-sass，需要执行npm install -g node-sass)
2. npm run serve  运行vue-runtime
3. npm run build  打包为生产文件

#### 使用说明

1. 代码部分在src里面
    assets:放置页面你所需要的图片
    components:公共组件，设置所需要的template(Dom)模板,style可选less/sass/css,通过import引入页面
    http: 通过import 直接引入http,应用http(url(路径), params(参数), func(回调))传入所需参数
    page:……
    router:Vue.use(Router);Vue.use(Vuex);相当于Vue.prototype.$router
    store:???
    style：页面样式
    utils:importXXX直接引入工具类
#### 开发者须知
1. 从master分支拉取分支,以自己的名字命名
2. 提交代码
3. 新建 Pull Request