Vue.js | v-text 指令

v-text指令是一个Vue.js指令，用于使用我们的数据更新元素的textContent 。它只是 Mustache 语法的一个不错的替代方案。首先，我们将创建一个 id 为app的 div 元素，然后将v-text指令应用于该元素，并将数据作为消息。现在我们将通过初始化包含我们消息的数据属性的 Vue 实例来创建此消息。

句法：

v-text="data"

参数：该指令接受一个参数，即数据。
示例：此示例使用 VueJS 使用 v-text 更新元素的文本。

HTML

  

    
        VueJS | v-text directive
    
  
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            VueJS | v-text directive
        
    
  
    
        
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello this is GeeksforGeeks.'
            }
        })
    

  

输出：