Vue.js实现简单动态数据处理

商品对象：
<div class="z333" style="height:auto;width:auto;border-top: 1px dashed #F00;
border-bottom: 1px dashed #F00;border-left: 1px dashed #F00;border-right: 1px dashed #F00"><br>
<g:form name="myform">
ID（测试启/停用，删除）：<g:textField name="id" v-model="object.id"></g:textField><br><br>
商品编码：<g:textField name="barcode" v-model="object.barcode"></g:textField><font color="red"> *</font><br><br>
商品名称：<g:textField name="name" v-model="object.name"></g:textField><font color="red"> *</font><br><br>
商品类别：<g:radio value="2" name="goodsType" v-model="object.goodsType"></g:radio>餐饮
<g:radio value="1" name="goodsType" v-model="object.goodsType"></g:radio>零售<font color="red"> *</font><br><br>
商品简称：<g:textField name="shortName" v-model="object.shortName"></g:textField><br><br>
商品分类：<g:textField name="categoryName" v-model="object.categoryName"></g:textField><br><br>
品牌编码：<g:textField name="brandCode" v-model="object.brandCode"></g:textField><br><br>
产地：<g:textField name="productArea" v-model="object.productArea"></g:textField><br><br>
单位：<g:textField name="unitName" v-model="object.unitName"></g:textField><br><br>
规格：<g:textField name="goodsSpec" v-model="object.goodsSpec"></g:textField><br><br>
拼音码：<g:textField name="pyCode" v-model="object.pyCode"></g:textField><br><br>
备注：<g:textField name="remark" v-model="object.remark"></g:textField><br><br>
</g:form>
</div><br><br>
</div>
</body>
</html>