首先这是一个非常简单的知识点，然后真的非常简单。
介绍
Vue的v-text指令用于在元素中插入纯文本内容。它类似于{
{}}语法，但更为灵活和强大。它可以将绑定的表达式的值转换为字符串，并将其插入到元素的textContent中，从而更新视图。
v-text的用法非常简单，只需要将它应用在需要插入文本的元素上，后面跟上要插入的文本表达式即可，如下面的例子所示：
<span v-text="message"></span>
在上面的代码中，v-text指令会将message变量的值插入到<span>元素中。
需要注意的是，v-text指令会替换元素的textContent，因此它会覆盖任何已有的文本内容。如果你希望在元素中插入HTML代码，应该使用v-html指令而不是v-text指令。
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>v-text指令</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<div>hello, {
{name}}</div>
<div v-text="name"></div>
</div>
</body>
<script>
Vue.config.productionTip = false // 阻止vue在启动时生成生产提示
new Vue({
el:'#root',
data:{
name:'大力pig'
}
})
</script>
</html>