# mpvue

**Repository Path**: wqsky/mpvue

## Basic Information

- **Project Name**: mpvue
- **Description**: No description available
- **Primary Language**: 微信
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-04-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my-project

> A Mpvue project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev
#项目启动时不用在浏览器打开localhost:8080 直接讲根目录下的dist文件拖入小程序开发者工具 里面是打包好的wxml wxss 及js json等文件

# build for production with minification
npm run build

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

## 坑-----------------------------------------------------------------
```bash
  #less文件引用
  各个页面的less文件在entry.less中引入后 必须在各个页面的vue文件中的style中单独引用,否则会统一被编译到app.wxss里面 
  #添加新文件后必须重新启动一次服务
  如果新建的是文件夹 必须不为空 否则无法被编译
  #文件命名
  页面的各个文件夹名字随意 但是里面的vue跟js文件 命名必须为index.vue及main.js 否则无法被编译
  #删除与修改文件
  删除文件重新编译后 dist里的文件不会被删除 必须要手动删除对应的文件及他的关联文件 否则会报错
  修改文件重新编译后 dist里的文件不会被修改 而是会添加一个重新命名后的文件或文件夹 旧的文件必须手动删除
  或者 直接删除整个dist文件夹全部重新编译
  #生命周期注意点
  非当前页的create会在当前页执行 可使用小程序的onload或vue的mounted 代替
  #组件命名注意点
  组件名不要和微信的组件名相同 否则渲染结果会异常
  #没有DOM及BOM操作
  小程序的运行环境并非标准的 WebView 必须使用微信小程序提供的API
  DOM操作也不建议使用 尽量用数据驱动去转换
  引用vue第三方库的时候 DOM BOM相关的API操作都无法实现 主要是动画效果 可以使用CSS3实现
```
# build for production and view the bundle analyzer report
For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).