（四） weex实战

移动端如何使用web端代码

webstrom 目录有一个dist/index.js 

移动到 android studio目录下的assets/dist/index.js 重新编译一下，就完成了weex代码的应用

修改代码查看效果

src/components/HelloWorld.vue  修改此文件如下 效果会随着变化

<div>与<text>测试

<template>
  <div class="hello">
    <text class="text" @click="handleClick">{{msg}}</text>
  </div>
</template>

<style scoped>
  .hello {
    padding-left: 20px;
    padding-top: 20px;
  }
  .text {
    font-size: 70px;
    color: #ff0000;
  }</style>

<script>
  export default {
    data () {
      return {
        msg: 'Hello Weex atguigu!'
      }
    },

    methods: {
      handleClick () {
        this.msg = '你好, 尚硅谷!'
      }
    }
  }
</script>

新建src/components/imageTest.vue 并在src/index.vue下引入

emmmm发现没点vue知识编不下去了 所以去学vue了 等我学好接着更