JS 能力

如果卡片需要 JS 能力，只需要在模板 <script> 段内编写 JS 代码。

• 在 vue 文件中按照如下格式，添加 script 段的代码。

  <template>
      <div class="root">
          <text class="message" :value="message" @click="onClick()"></text>
      </div>
  </template>
  
  <script>
      export default {
          data: {
              message: 'Hello Cube 1'
          },
          beforeCreate() {
              this.message = 'Hello Cube 2'
          },
          didAppear() {
  
          },
          methods: {
                          // methods 内部是自定义 JS 的方法，外部是卡片生命周期的方法
              onClick() {
                  console.info('invoke on-click event');
              }
          }
      }
  </script>
  
  <style>
      .root {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: white;
          width: 100%;
          height: 400rpx;
      }
      .message {
          color: black;
          font-size: 50rpx;
      }
  </style>

• 日志打印

  目前支持 console.info、console.warn、console.error 来打印日志。用法请参考以上示例。