VUE获取京东商品数据

要获取京东商品数据，可以通过京东开放平台提供的API进行访问。以下是一些步骤：

1. 申请京东开放平台账号并创建应用，获取appKey和appSecret。

2. 使用Vue.js创建一个页面和相关组件。

3. 在组件中使用axios或者fetch等工具发送请求，获取京东商品数据。

4. 对获取到的数据进行解析和处理，以便在页面上展示。

5. 可以使用Vue.js提供的v-for指令，将数据渲染为商品列表。

以下是一个示例代码：

<template>
  <div>
    <h2>京东商品列表</h2>
    <ul>
      <li v-for="(item, index) in productList" :key="index">
        <img :src="item.imageurl" alt="商品图片">
        <p>{{ item.name }}</p>
        <p>价格：{{ item.price }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      productList: []
    }
  },
  mounted() {
    this.getProductList()
  },
  methods: {
    getProductList() {
      const appKey = 'your_appKey'
      const appSecret = 'your_appSecret'
      const url = `https://api.jd.com/routerjson?app_key=${appKey}&v=2.0&method=jingdong.union.search.query&page=1&pagesize=20&sort_name=price&sort=asc&keyword=手机&format=json&sign_method=md5&timestamp=${new Date().getTime()}&sign=`
      const sign = this.getSign(url, appSecret)
      const requestUrl = `${url}${sign}`
      axios.get(requestUrl)
        .then(response => {
          if (response.data.code === '0') {
            this.productList = response.data.result.goodsList
          }
        })
        .catch(error => {
          console.log(error)
        })
    },
    getSign(url, appSecret) {
      const signUrl = `${url}${appSecret}`
      const crypto = require('crypto')
      const md5 = crypto.createHash('md5')
      md5.update(signUrl)
      return md5.digest('hex').toUpperCase()
    }
  }
}
</script>

注意：以上代码仅供参考，实际使用时需要根据自己的应用进行调整。另外，京东开放平台的API有访问频率限制和签名要求，需要仔细阅读相关文档并严格遵守。