VUE中数据绑定之OptionAPI

<template>

  <div>

    姓名：<input v-model="userName" /> { { userName }} <br />

    薪水：<input type="number" v-model="salary" /> <br />

    <button v-on:click="submit">提交</button><button @click="toShowInfo">查看事件详情</button>

    <hr />

    <div class="iterInfo" v-show="showItermInfo">

      <h1>TO DO lLST</h1>

      <P>事项明细：<input type="text" v-model="itermsInfo.details" /></P>

      <p>截止日期：<input type="text" v-model="itermsInfo.date" /></p>

      <p>

        优先级：<input type="radio" value="1" v-model="itermsInfo.priority" />高

        <input