最基本封装

    1. <template>
    2.   <label class="el-radio">
    3.     <span class="el-radio__input">
    4.       <span class="el-radio__inner"></span>
    5.       <input
    6.         type="radio"
    7.         :value="label"
    8.         v-model="model"
    9.       />
    10.     </span>
    11.     <span class="el-radio__label">
    12.       <slot></slot>
    13.       <template v-if="!$slots.default">
    14.         {{ label }}
    15.       </template>
    16.     </span>
    17.   </label>
    18. </template>
    20. <script>
    21. export default {
    22.   name: "ElRadio",
    23.   // 注意 value、checked、selected 是表单元素的初始值
    24.   props: {
    25.     label: {},
    26.     value: {},
    27.   },
    28.   computed: {
    29.     // 此处相当于 v-model 的语法糖
    30.     model: {
    31.       get() {
    32.         return this.value;
    33.       },
    34.       set(val) {
    35.         this.$emit("input", val);
    36.       },
    37.     },
    38.   },
    39. };
    40. </script>
    42. <style lang="scss" scoped>
    43.   </style>

    computed 中 get 与 set 代表什么意思

    以下这段代码是什么意思
    相当于是 v-model 的语法糖 

    1. this.$emit('input', val);

    Object.freeze