在Vue中獲取函數外部的值,可以通過模板中的綁定屬性或Vue實例的屬性來實現。下面通過示例來說明:
// 定義vue實例 var vm = new Vue({ el: '#app', data: { msg: 'Hello Vue!' }, methods:{ showMsg: function(){ console.log(this.msg); } } })
在上面的代碼中,我們定義了一個Vue實例對象vm,并在其中定義了一個data屬性,即msg。在methods中定義了一個showMsg函數,在函數內部使用console.log打印出了msg的值。我們可以通過vm.showMsg()調用該函數,從而獲取msg的值。
除了通過Vue實例來獲取函數外部的值,我們還可以通過模板中的綁定屬性來實現。示例如下:
<div id="app"> <p>{{msg}}</p> <button v-on:click="showMsg">click me</button> </div> var vm = new Vue({ el: '#app', data: { msg: 'Hello Vue!' }, methods:{ showMsg: function(){ alert(this.msg); } } })
在上面的代碼中,我們在模板中通過雙括號綁定了msg屬性的值。在按鈕元素上通過v-on指令綁定了showMsg函數,并在函數內部使用alert彈出了msg的值。
綜上所述,Vue中獲取函數外部的值可以通過Vue實例的屬性或模板中的綁定屬性來實現,開發者可以根據需要選擇合適的方法。