使用vue和JavaScript以及css，写标价为1999元的手机，使用for循环手机的名字，版本，标价，手机的名字，版本，标价为数组，当选择手机版本时，计算他们的价格，价格的计算方法为手机价格加上选择的版本价格

好的，我来编写代码：

HTML部分：

<div id="app">
  <h1>{{phone.name}}</h1>
  <h2>版本选择：</h2>
  <div v-for="(version, index) in phone.versions" :key="index">
    <label>
      <input type="radio" v-model="selectedVersion" :value="version">
      {{version.name}} {{version.price}}元
    </label>
  </div>
  <p>总价：{{totalPrice}}元</p>
</div>

JavaScript部分：

new Vue({
  el: '#app',
  data: {
    phone: {
      name: '手机',
      versions: [
        {name: '基础版', price: 0},
        {name: '高级版', price: 200},
        {name: '旗舰版', price: 400}
      ],
      price: 1999
    },
    selectedVersion: null
  },
  computed: {
    totalPrice: function() {
      if (this.selectedVersion) {
        return this.phone.price + this.selectedVersion.price;
      } else {
        return this.phone.price;
      }
    }
  }
})

CSS部分：

/* 样式可以自行调整 */
label {
  display: block;
  margin: 10px 0;
}

以上代码实现了一个简单的手机选择器，根据选择的版本计算出总价。希望能够帮到你！