万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    WeexでUI (weex-ui)

    WeexでUIを使うにはweex-uiを使うのがいい。

    alibaba.github.io

    インストール

    -D--save-devの略

    npm i babel-preset-stage-0 babel-plugin-component -D
    npm i weex-ui -S

    or

    yarn add --dev yarn add babel-preset-stage-0
    yarn add --dev babel-plugin-component
    yarn add weex-ui

    使用方法

    準備

    webpack.config.jsexclude: /node_modules(?!(\/|\\).*(weex).*)/を追加とあるがすでになっているはず。 実際はconfigs/webpack.common.conf.jsというファイルに書いてあり、webpack.config.jsからリンクされていた。

    .babelrcに追加

    {
        "presets": ["es2015", "stage-0"],
        "plugins": [
            [
                "component",
                {
                    "libraryName": "weex-ui",
                    "libDir": "packages",
                    "style": false
                }
            ]
        ]
    }

    自分のコンポーネントで使う

    まずインポート

    <script>
    import { WxcRadio } from "weex-ui";

    コンポーネントとして追加、

    export default {
      name: "Setting",
      components: { WxcRadio }, // この行を追加
      methods: {
        jump(url) {
          this.$router.push(url);

    HTMLに追加

    <wxc-radio :list="list" @wxcRadioListChecked="wxcRadioListChecked"></wxc-radio>

    クリックの属性はwxcRadioListCheckedなので注意。

    アリババ 中国eコマース覇者の世界戦略

    アリババ 中国eコマース覇者の世界戦略