简述v-el 作用是什么以及Vue的el属性和$mount优先级？

八股文_Vue面试题 0 66

v-el的作用：
v-el 是 Vue 1.x 版本中的指令，用于为 DOM 元素或组件实例指定引用。通过 v-el，你可以在 Vue 实例中方便地访问这些 DOM 元素。在 Vue 2.x 版本中，v-el 被废弃，取而代之的是 ref 属性。
el属性和$mount的优先级：
- el属性：el 用于指定 Vue 实例挂载的目标 DOM 元素。在 Vue 实例化时，如果提供了 el 属性，Vue 会自动将实例挂载到该 DOM 元素。
- $mount方法：$mount 方法用于手动挂载 Vue 实例到 DOM 元素。如果在实例化时没有提供 el，可以通过 $mount 来指定挂载点。
- 优先级：如果同时提供了 el 属性和 $mount 方法，el 的优先级更高。Vue 会根据 el 属性来确定挂载目标，而 $mount 会被忽略。

v-el的背景：
在 Vue 1.x 中，v-el 是用来给 DOM 元素和组件实例定义引用的指令。通过使用 v-el，你可以轻松地获取到 DOM 元素或者子组件的实例，这样可以在 Vue 实例中进行操作。然而，从 Vue 2.x 开始，v-el 被废弃，取而代之的是更简洁且功能更强大的 ref。

例子（Vue 1.x）：
```
<div v-el:myDiv>Some content</div>

<script>
new Vue({
 el: '#app',
 mounted() {
   console.log(this.$els.myDiv);  // 通过 v-el 获取 DOM 元素
 }
});
</script>
```
el属性和$mount方法：
- el：指定 Vue 实例的挂载点。一般在实例化 Vue 时提供 el 属性，Vue 会自动将实例挂载到指定的 DOM 元素上。el 只能在实例化时提供一次，且它的作用是确定挂载的目标。

$mount：是 Vue 实例的方法，用于手动指定 Vue 实例的挂载点。通过 $mount，你可以在没有在创建时指定 el 的情况下，后续通过代码来手动挂载。
优先级：如果在实例化时同时传入了 el 和调用了 $mount，则 el 的优先级更高，Vue 会根据 el 来决定挂载点，$mount 调用将不会生效。

例子：
```
// 使用 el 属性
new Vue({
 el: '#app', // Vue 实例会挂载到 #app 元素
});

// 使用  $mount 方法 var vm = new Vue(); vm.$ mount('#app'); // 手动挂载 Vue 实例到 #app 元素

// 如果两者同时出现， $mount 不会起作用 new Vue({ el: '#app', }).$ mount('#other'); // 会忽略 $mount
```

v-el：在 Vue 1.x 中用于给 DOM 元素或子组件定义引用，Vue 2.x 已废弃，改为使用 ref。
el属性：指定 Vue 实例挂载的 DOM 元素，通常在实例化时自动执行。
$mount方法：手动挂载 Vue 实例，通常用于没有在创建时指定 el 的情况。若同时使用 el 和 $mount，el 优先，$mount 会被忽略。