使用 Vue.js 获取文本内容有四种方法：使用 v-model 指令实现双向数据绑定。使用 ref 属性引用 DOM 元素，然后获取其 value 属性。直接访问 DOM 元素的属性，例如 .value 或 .textContent 。使用 slot 插入内容并获取 slotted 内容的 textContent 属性。
如何使用 Vue.js 获取文本内容
当使用 Vue.js 开发应用程序时，获取文本内容是很常见的需求。本文将探讨使用 Vue.js 获取文本内容的几种方法。
1. v-model 指令
v-model 指令是一种双向数据绑定机制，可以连接 Vue.js 数据和 HTML 输入元素。它可以在输入元素中获取文本内容：
立即学习“前端免费学习笔记（深入）”；
在上面的示例中，textContent 是 Vue.js 中的一个数据属性，它将绑定到 元素。当用户在输入框中输入文本时，textContent 数据属性将自动更新。
2. ref 属性
ref 属性允许你访问 DOM 元素的引用。使用 ref，你可以获取元素的文本内容：
const el = this.$refs.myInput; const textContent = el.value;
在上面的示例中，this.$refs.myInput 引用了具有 id 为 "myInput" 的输入元素。使用 el.value，你可以获得输入元素的文本内容。
3. DOM 属性
你还可以直接访问 DOM 元素的属性来获取文本内容：
const textContent = document.getElementById("myInput").value;这种方法在需要访问没有与 Vue.js 数据绑定的元素时很方便。
4. slot
slot 允许你将内容插入组件模板中的指定位置。你可以使用 slot 来获取 slotted 内容的文本：
这种方法在需要动态获取内容时很方便。
