通过elementUI学习vue

<template>
  <el-radio v-model="radio" label="1">备选项el-radio>
  <el-radio v-model="radio" label="2">备选项el-radio>
template>

<script>
  export default {
    data () {
      return {
        radio: '1'
      };
    }
  }
script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

1.代码讲解
这段代码是一个简单的 Vue 单文件组件，实现了一个包含两个单选框（radio）的功能。下面解释一下代码的功能和逻辑：

模板部分（Template）：
    使用了 Element UI（饿了么团队开发的 Vue 组件库）中的组件来生成单选框。
    两个标签分别表示两个备选项，通过label属性指定了单选框的值。
    使用了v-model指令将radio数据属性与单选框的选中状态进行双向绑定，保证了选中状态的同步。

脚本部分（Script）：
    在data函数中定义了一个名为radio的数据属性，初始值为'1'，表示默认选中第一个备选项。
    通过export default导出了一个 Vue 组件对象，其中包含了组件的逻辑代码。
1
2
3
4
5
6
7
8

总体来说，这段代码实现了一个简单的单选框功能，用户可以在两个备选项中选择一个。选中的值会被存储在radio数据属性中，供后续逻辑使用。

问题：看上面代码发现并没有地方调用 default方法，这个script是什么时候调用的？

在一个 Vue 单文件组件中，

具体来说：

当使用该组件时（比如在父组件中引入并使用），Vue 会根据组件定义创建一个实例。
在创建实例的过程中，会执行