未验证 提交 bd150ada 编写于 作者: JC-Ge's avatar JC-Ge 提交者: GitHub

Update matter.md

上级 08f24b31
......@@ -56,14 +56,14 @@ H5没有原生组件概念问题,非H5端有原生组件并引发了原生组
title: 'Hello'
}
```
3. 在微信小程序端,```uni-app``` 将数据绑定功能委托给```Vue```,开发者需按```Vue 2.0```的写法实现数据绑定,不支持微信小程序的数据绑定写法,故如下写法不支持:
```javascript
<view id="item-{{id}}"></view>
```
需修改为:
```javascript
<view v-bind:id="'item-' + id "></view>
3. 在微信小程序端,```uni-app``` 将数据绑定功能委托给```Vue```,开发者需按```Vue 2.0```的写法实现数据绑定,不支持微信小程序的数据绑定写法,故如下写法不支持:
```javascript
<view id="item-{{id}}"></view>
```
需修改为:
```javascript
<view v-bind:id="'item-' + id "></view>
```
### 区别于传统 web 开发的注意
......@@ -87,9 +87,9 @@ H5没有原生组件概念问题,非H5端有原生组件并引发了原生组
- 每个要显示的页面,都要放到pages目录下,新建一个页面所在的目录,然后放同名目录的vue文件,比如project/pages/lista/lista.vue,并且在pages.json里配置。这与小程序的策略相同。
- 自定义组件,放到component目录
- 静态资源如图片,固定放到static目录下。这是webpack、mpvue的规则
5. 数据绑定方式的注意
- ```uni-app``` 基于```Vue 2.0```实现,开发者需注意Vue 1.0 -> 2.0 的使用差异,详见[从 Vue 1.x 迁移](https://cn.vuejs.org/v2/guide/migration.html)
-
5. 数据绑定方式的注意
- ```uni-app``` 基于```Vue 2.0```实现,开发者需注意Vue 1.0 -> 2.0 的使用差异,详见[从 Vue 1.x 迁移](https://cn.vuejs.org/v2/guide/migration.html)
-
6. 每个页面支持使用原生title,首页支持使用原生底部tab,这些是要在pages.json里配置,这些并不是vue页面的一部分。当然vue里的js api也可以动态修改原生title
6. 虽然使用vue,但在app和小程序里,不是spa而是mpa
7. 位置坐标系统一为国测局坐标系gcj02,这种坐标系可以被多端支持。老版5+的百度定位和百度地图使用的是百度私有坐标系bd09ll,这种坐标系需要转换。新版uni-app里的百度地图已经默认改为gcj02。高德地图不受影响,一直是gcj02
......@@ -98,14 +98,14 @@ H5没有原生组件概念问题,非H5端有原生组件并引发了原生组
* H5 发布到服务器注意:
1. 配置发行后的路径(发行在网站根目录可不配置),比如发行网站路径是 www.xxx.com/html5,在 ``manifest.json`` 文件内编辑 h5 节点,router 下增加 base 属性为 html5
<div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181116/6ab94f68e109bb07e4f422c95a2c9015.png" width="500">
<div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181116/6ab94f68e109bb07e4f422c95a2c9015.png" width="500">
</div>
2. 点击菜单 发行-> H5
3. 在当下项目下的 ``unpackage/dist/build/h5`` 目录找到出的资源,部署服务器(或者使用本地服务器预览)
* 引用第三方 js 的方式:
1. 通过 npm 引入(通过条件编译,只有是 h5 平台才 import 相应的库)
1. 通过 npm 引入(通过条件编译,只有是 h5 平台才 import 相应的库)
2.``manifest.json`` 文件编辑 h5 节点的 template 属性,填写 html 模版路径,在 html 模版里面可以使用 script 的方式引入三方的 js,如下示例是加了百度统计的 html 模板部分代码,模版全部代码可参考:[自定义模板](/collocation/manifest?id=h5-template)
```
...
......@@ -186,4 +186,4 @@ H5没有原生组件概念问题,非H5端有原生组件并引发了原生组
* ``map`` 组件在开发工具上预览效果不对,但是手机上是对的。
* ``getSystemInfo`` 获取到的 ``windowHeight`` 在模拟器中值不正确,真机预览是正确的。
* ``v-if````v-for`` 不可在同一标签下同时使用。
* 页面中引入自定义组件时,渲染的结果中外层会有一个 ``template`` 标签,这会导致部分选择器对应的样式匹配不上。
\ No newline at end of file
* 页面中引入自定义组件时,渲染的结果中外层会有一个 ``template`` 标签,这会导致部分选择器对应的样式匹配不上。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册