在瀏覽器console中如何調(diào)用vue內(nèi)部方法
更新時間：2023年07月18日 09:57:18 作者：茶荼
這篇文章主要介紹了在瀏覽器console中如何調(diào)用vue內(nèi)部方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
在瀏覽器console調(diào)用vue內(nèi)部方法
new Vue({
el: '#app',
i18n,
store,
router,
data () {
return {
address:''
}
},
components: {App},
template: '<App/>',
mounted () {
window.vue = this
},
methods:{
updateAdress(address){
console.log(address)
}
}
})在main.js中設置
mounted(){window.vue = this}即可在console.log中調(diào)用
vue.updateAdress(123) //123
vue調(diào)試--使用console輸出
用示例介紹使用瀏覽器的console調(diào)試vue的方法。
輸出對象數(shù)據(jù)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>this is title</title>
</head>
<body>
<div id="app">
{{message}}
</div>
<script src="js/vue.js"></script>
<script>
let vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>結果
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
el-table多選toggleRowSelection不生效解決方案
這篇文章主要給大家介紹了關于el-table多選toggleRowSelection不生效的解決方案,文中通過圖文以及代碼將解決辦法介紹的非常詳細,需要的朋友可以參考下2023-08-08
更好的了解項目的目錄結構,能更好的去開發(fā)項目,下面這篇文章主要給大家介紹了關于vue3項目目錄結構的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02
axios是用來做數(shù)據(jù)交互的插件，最近正在學習axios，所以想著整理成筆記方便大家和自己參考學習，下面這篇文章主要跟大家介紹了關于Axios使用方法的相關資料，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了詳解Vue結合后臺的增刪改案例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了vue動態(tài)子組件的兩種實現(xiàn)方式,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
大前端代碼重構之事件攔截iOS?Flutter?Vue示例分析
這篇文章主要為大家介紹了大前端代碼重構之事件攔截iOS?Flutter?Vue示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
Vue中通過屬性綁定為元素綁定style行內(nèi)樣式的實例代碼
這篇文章主要介紹了Vue中通過屬性綁定為元素綁定style行內(nèi)樣式,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
這篇文章主要介紹了解決vue中使用proxy配置不同端口和ip接口問題 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-08-08
這篇文章主要介紹了Vue 進入/離開動畫效果，代碼簡單易懂，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-12-12
vue+ElementUI實現(xiàn)訂單頁動態(tài)添加產(chǎn)品數(shù)據(jù)效果實例代碼
本篇文章主要介紹了vue+ElementUI實現(xiàn)訂單頁動態(tài)添加產(chǎn)品效果實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07