Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
yangkaifeng
uni-app
提交
bd150ada
U
uni-app
项目概览
yangkaifeng
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
3
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
bd150ada
编写于
8月 18, 2019
作者:
JC-Ge
提交者:
GitHub
8月 18, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update matter.md
上级
08f24b31
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
15 addition
and
15 deletion
+15
-15
docs/matter.md
docs/matter.md
+15
-15
未找到文件。
docs/matter.md
浏览文件 @
bd150ada
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录