Merge pull request #3 from mpvue/develop

update: 更新文档

Author: anchengjian

docs/build/mpvue-loader.md

@@ -136,7 +136,7 @@ vueApp.$mount();
 export default {
     // 这个字段下的数据会被填充到 app.json ／ page.json
     config: {
-        pages: ['static/calendar/calendar'， '^pages/list/list'], // Will be filled in webpack
+        pages: ['static/calendar/calendar', '^pages/list/list'], // Will be filled in webpack
         window: {
             backgroundTextStyle: 'light',
             navigationBarBackgroundColor: '#455A73',

docs/index.md

@@ -35,7 +35,7 @@ Owl.start({
 - 使用 `Vue.js` 命令行工具 vue-cli 快速初始化项目
 - H5 代码转换编译成小程序目标代码的能力
 
-其它特性正在等着你去探索。
+其它特性正在等着你去探索，[详细文档](./mpvue)。
 
 ### H5 和小程序如何复用代码
 先来看一段视频：

docs/mpvue/index.md

@@ -146,11 +146,11 @@ Class 与 Style 绑定的实现方式为使用正则匹配将 `v-bind:class="{ a
 ```html
 <template>
     <!-- 支持 -->
-    <div class="container {{ computedClassStr }}"></div>
+    <div class="container" :class="computedClassStr"></div>
     <div class="container" :class="{active: isActive}"></div>
 
     <!-- 不支持 -->
-    <div class="container {{ computedClassObject }}"></div>
+    <div class="container" :class="computedClassObject"></div>
 </template>
 <script>
     export default {

docs/mpvue/quickstart.md

@@ -70,3 +70,7 @@ $ npm run dev
 <video src="../../assets/quick-start/dev.mp4" width="100%" height="auto" controls="controls"></video>
 
 到此，上手完毕。
+
+## 注意事项
+
+1. 新增的页面需要重新 `npm run dev` 来进行编译

docs/qa.md

@@ -0,0 +1,24 @@
+<script crossorigin="anonymous" src="//www.dpfile.com/app/owl/static/owl_1.5.28.js"></script>
+<script>
+Owl.start({
+    project: 'mpvue-doc',
+    pageUrl: 'qa'
+})
+</script>
+
+# 常见问题
+## vue-router 支持吗？
+
+路由是不能支持的，因为小程序无法动态的插入和控制节点，几乎无法实现。而且小程序对页面的切换性能做了很多优化，页面切换体验也好了很多，所以使用 vue-router 也不那么必要
+
+## 为什么我新增了页面，没有反应？
+
+因为 webpack 编译的文件使用配置的 entry 决定的，新增的页面并没用添加进 entry，所以需要手动 `npm run dev` 一下，考虑不是高频操作，所以还可以忍受
+
+## 能不能引用第三方的 UI 库？
+
+原理上是可以的，但是要去掉 Dom 和 Bom 相关的 API 操作，还要去掉 mpvue 不支持的一些 vue 特性，小程序不支持的 css 选择器等，去掉这些就可以使用了，欢迎大家贡献 mpvue 的 UI 组件库。
+
+## 能否使用 echarts 等小程序原生组件？
+
+可以，可以看下[demo](https://github.com/mpvue/examples/tree/master/echarts)

fedocs/nav.html

@@ -15,7 +15,7 @@
     {% for nav_item in nav %}
         {% if nav_item.children %}
         <li class="nav-dropdown-container">
-          <a class="nav-link">{{ nav_item.title }}</a><span class="arrow"></span>
+          <a class="nav-link" href="{{nav_item.children[0].url}}">{{ nav_item.title }}</a><span class="arrow"></span>
           <ul class="nav-dropdown">
             {% for nav_item in nav_item.children %}
                 {% include "nav-sub.html" %}

mkdocs.yml

@@ -3,5 +3,18 @@ site_url: http://mpvue.com/
 site_description: 'mpvue-docs'
 theme_dir: fedocs
 site_favicon: 'assets/favicon.ico'
+pages:
+- [index.md, Home]
+- [mpvue/index.md, Mpvue]
+- [mpvue/mpvue-template-compiler.md, Mpvue]
+- [mpvue/quickstart.md, Mpvue ]
+- [mpvue/simple.md, Mpvue]
+- [build/index.md, Build]
+- [build/mpvue-loader.md, Build]
+- [build/mpvue-webpack-target.md, Build ]
+- [build/postcss-mpvue-wxss.md, Build]
+- [build/px2rpx-loader.md, Build]
+- [qa.md, Q&A]
+
 extra:
   css: 'assets/style.css'