                        課程
                    
                        /前端開發
                        
                            /Vue.js
                        
                        /3小時速成 Vue2.x 核心技術

控制臺里為什么沒有輸出watch里的內容？

為啥沒有輸出newval和oldval？？？

慕標1446865

2019-04-25

源自：3小時速成 Vue2.x 核心技術 2-4

關注問題我要回答

1345

操作

收起

2 回答

Default_
2019-04-26

行吧抱歉..我剛剛拷貝有問題了，重新發一下...

<!DOCTYPE?html>
<html>
<head>
??<meta?charset="UTF-8">
??<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
??<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
??<title>Document</title>
??<style>
????.bg{
??????color:?red;
????}
??</style>
??<script?src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script>
</head>
<body>
??<div?class="bg"?id="app">
????{{msg}}
??</div>
</body>
<script>
??var?app?=?new?Vue({
????el:?'#app',
????data:?{
??????msg:?'hello?vue!'
????},
????watch:{
??????msg:?function(newval,oldvalue){
????????console.log('newvalue?is?:?'?+?newval)
????????console.log('oldvalue?is?:?'?+?oldvalue)
??????}
????},
????computed:?{
??????
????},
??})
</script>
</html>

1 回復有任何疑惑可以回復我~

收起回答

Brian

謝謝同學的回復。

2019-04-26 回復有任何疑惑可以回復我~

Default_
2019-04-26

...你確定跑的是你這份代碼嗎？我對著你的抄了一遍都沒問題。

<!DOCTYPE?html><html?lang="en"><head><meta?charset="UTF-8"><meta?name="viewport"?content="width=device-width,?initial-scale=1.0"><meta?http-equiv="X-UA-Compatible"?content="ie=edge"><title>Document</title><style>.bg{color:?red;}</style><script?src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script></head><body><div?class="bg"?id="app">{{msg}}</div></body><script>var?app?=?new?Vue({el:?'#app',data:?{msg:?'hello?vue!'},watch:{msg:?function(newval,oldvalue){console.log('newvalue?is?:?'?+?newval)console.log('oldvalue?is?:?'?+?oldvalue)}},computed:?{},})</script></html>