欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在瀏覽器console中如何調(diào)用vue內(nèi)部方法

 更新時(shí)間：2023年07月18日 09:57:18   作者：茶荼  
這篇文章主要介紹了在瀏覽器console中如何調(diào)用vue內(nèi)部方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

在瀏覽器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中設(shè)置

mounted(){window.vue = this}

即可在console.log中調(diào)用

vue.updateAdress(123) //123

vue調(diào)試--使用console輸出

用示例介紹使用瀏覽器的console調(diào)試vue的方法。

輸出對(duì)象數(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>

結(jié)果

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論