页面配置 & 数据 -(Page Config & Data) #9

Open
Tancy opened this Issue Jun 13, 2016 · 21 comments

Projects

None yet
@Tancy
Tancy commented Jun 13, 2016 edited

新版中文网站及文档已经上线,请访问 https://weex-project.io/cn/ , 此处后续不再维护,谢谢理解。

你可以在另外的<script>中写一些 配置和数据的实例,添加到 top-level weex 组件中。

  • 配置实例中可以申明一些meta信息 比如SDK/Client版本。支持降级到H5 渲染方式。未来还将支持更多的扩展。
  • 数据实例中可以设置外部数据替换掉默认top-level组件数据。

这些都使weex文件更具扩展和可配置,让其更容易的在其他工具和服务中工作,比如CMS系统。

<!-- definition of sub components -->
<element name="sub-component-a">...</element>
<element name="sub-component-b">...</element>
<element name="sub-component-c">...</element>

<!-- definition of top-level component -->
<template>...</template>
<style>...</style>
<script>
  module.exports = {
    data: function () {return {x: 1, y: 2}}
  }
</script>

<!-- instance config and data -->
<script type="config">
  downgrade: {
    ios: {
      os: '9', // all of 9.x.x
      app: '~5.3.2',
      framework: '^1.3', // all of 1.3.x
      deviceModel: ['AAAA', 'BBBB']
    },
    android: {
      os: '*', // all of version
      app: '^5',
      framework: '',
      deviceModel: ''
    }
  }
</script>
<script type="data">
  {y: 200}
</script>

请注意,这两个附加<script>都是 optional 并且有type="config|data" 属性,当它是一个Weex实例的top-level组件才有效。

这是所有关于Weex语法。更多阅读,请查看:

@VincentWang1009

为什么更多阅读下面的链接都是404呢

@DesignQu
DesignQu commented Aug 5, 2016

下面的链接404了

@1392324000

data定义后如何用 你讲清楚嘛!!

@kylin12
kylin12 commented Aug 17, 2016

能否提供这些配置数据具体的使用场景和使用方式

@zhuxinfei

这么几行字就完了?能不能多解释清楚点

@snoopy1412

这内容有点草率啊

@Jam1zhu
Jam1zhu commented Sep 28, 2016

这里具体是做什么用的?感觉很重要啊。希望能具体一点

@zhangjh
zhangjh commented Sep 30, 2016 edited

这两个附加<script>都是optinal并且有type="config|data" 属性,当它是一个Weex实例的top-level组件才有效。

这文档有点牛逼了。。中国人写的中文文档,竟然中英混杂,语法混乱,这是从英文文档翻译过来的吧。。另外,官方文档能不能写的详细点呢?大家都是零基础来学的啊,给个半吊子不能运行的实例算实例吗?

@wzj583585700

是不是中国人写的,中国人尽然看不懂自己国家的语言,我也是醉了,既然是咱们国家开发,我觉得你好好写一写中文版的文档,不要让外国看不起呀,说我们国家程序员尽然看不懂自己国家开发的语言,多丢人呀

@vczero
vczero commented Oct 18, 2016

@zhangjh @wzj583585700 @Jam1zhu @snoopy1412 @zhuxinfei @1392324000 等同学请稍安勿躁哈。
1)关于中文文档,这里我们正在紧锣密鼓准备中;对于有需求的同学说点抱歉。等整个准备好了,我们一并告知大家。
2)关于该篇文档的翻译,我会知会到相关同学,尽力完善和修改。
敬请大家谅解。

@xl602
xl602 commented Nov 4, 2016

文档真心看不懂呀

@cuanhanshansi

为什么github官网上的文档竟然是英文的呢???是给外国人用吗??

@RrtoyewxXu

这张英文和中文都没怎么看懂,有点懵逼

@Jinjiang
Contributor
Jinjiang commented Dec 7, 2016

楼上几位好,我们最近重新整理了中文版的文档并发布到了
http://alibaba.github.io/weex/cn/doc/syntax/config-n-data.html

@DoranYun
DoranYun commented Dec 9, 2016

@1392324000
data 定义之后可以会覆盖顶级 ViewModel 数据中相应的字段,可以直接使用。详细内容参考新版文档 http://alibaba.github.io/weex/cn/doc/syntax/config-n-data.html

@DoranYun
DoranYun commented Dec 9, 2016

@Jam1zhu
data 定义之后可以会覆盖顶级 ViewModel 数据中相应的字段,可以直接使用。详细内容参考新版文档 http://alibaba.github.io/weex/cn/doc/syntax/config-n-data.html

@lijunwyf21

optinal 拼写错误

@DoranYun

@lijunwyf21 感谢反馈,已修复

@DoranYun

新版中文网站及文档已经上线,请访问 https://weex-project.io/cn/ , 此处后续不再维护,谢谢理解。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment