vue 绑定事件的时候到底是哪里错了?



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="spacer.gifhttps://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
            {{message}}
            <input type="button" v-on:click="changeMsg" value="点击改变" />
    </div>
</body>
<script type="text/javascript">
        var vm = new Vue({
                el:"#app",
                data:{
                        message:"hello vue!"
                },
                methods:{
                        changeMsg(){
                                this.message = "你好啊 !!!";
                        }
                }
     })
</script>
</html>
请问这是哪里错了?为什么点击按钮,messge没有改变呢? 


慕码人0004322
浏览 1275回答 4
4回答

慕的地8582982

https://www.imooc.com/wenda/detail/352030https://www.imooc.com/wenda/detail/337864https://www.imooc.com/wenda/detail/336190https://www.imooc.com/wenda/detail/349780https://www.imooc.com/wenda/detail/334830https://www.imooc.com/wenda/detail/352469https://www.imooc.com/wenda/detail/332915https://www.imooc.com/wenda/detail/333572https://www.imooc.com/wenda/detail/336306https://www.imooc.com/wenda/detail/333390https://www.imooc.com/wenda/detail/331967https://www.imooc.com/wenda/detail/343466https://www.imooc.com/wenda/detail/338362https://www.imooc.com/wenda/detail/338697https://www.imooc.com/wenda/detail/354474https://www.imooc.com/wenda/detail/345065https://www.imooc.com/wenda/detail/341332https://www.imooc.com/wenda/detail/342737https://www.imooc.com/wenda/detail/332346https://www.imooc.com/wenda/detail/335487https://www.imooc.com/wenda/detail/333347https://www.imooc.com/wenda/detail/341530https://www.imooc.com/wenda/detail/336149https://www.imooc.com/wenda/detail/343665https://www.imooc.com/wenda/detail/349502https://www.imooc.com/wenda/detail/335615https://www.imooc.com/wenda/detail/346360https://www.imooc.com/wenda/detail/350748https://www.imooc.com/wenda/detail/343225https://www.imooc.com/wenda/detail/332356https://www.imooc.com/wenda/detail/347429https://www.imooc.com/wenda/detail/338804https://www.imooc.com/wenda/detail/339737https://www.imooc.com/wenda/detail/353883https://www.imooc.com/wenda/detail/350457https://www.imooc.com/wenda/detail/337414https://www.imooc.com/wenda/detail/341018https://www.imooc.com/wenda/detail/350457https://www.imooc.com/wenda/detail/338404https://www.imooc.com/wenda/detail/354705https://www.imooc.com/wenda/detail/351722https://www.imooc.com/wenda/detail/340889https://www.imooc.com/wenda/detail/345086https://www.imooc.com/wenda/detail/334896https://www.imooc.com/wenda/detail/341751https://www.imooc.com/wenda/detail/342309https://www.imooc.com/wenda/detail/336161https://www.imooc.com/wenda/detail/336969https://www.imooc.com/wenda/detail/335012https://www.imooc.com/wenda/detail/342105https://www.imooc.com/wenda/detail/356009https://www.imooc.com/wenda/detail/353555https://www.imooc.com/wenda/detail/352433https://www.imooc.com/wenda/detail/334456https://www.imooc.com/wenda/detail/342213https://www.imooc.com/wenda/detail/334395https://www.imooc.com/wenda/detail/346640https://www.imooc.com/wenda/detail/353244https://www.imooc.com/wenda/detail/334147https://www.imooc.com/wenda/detail/353919https://www.imooc.com/wenda/detail/340748https://www.imooc.com/wenda/detail/342342https://www.imooc.com/wenda/detail/334085https://www.imooc.com/wenda/detail/333242https://www.imooc.com/wenda/detail/347115https://www.imooc.com/wenda/detail/344754https://www.imooc.com/wenda/detail/337668https://www.imooc.com/wenda/detail/349396https://www.imooc.com/wenda/detail/336159https://www.imooc.com/wenda/detail/337791https://www.imooc.com/wenda/detail/337995https://www.imooc.com/wenda/detail/334943https://www.imooc.com/wenda/detail/334198https://www.imooc.com/wenda/detail/335486https://www.imooc.com/wenda/detail/356251https://www.imooc.com/wenda/detail/339213https://www.imooc.com/wenda/detail/352555https://www.imooc.com/wenda/detail/336589https://www.imooc.com/wenda/detail/347863https://www.imooc.com/wenda/detail/341001

水果味的C

导入的vue链接存在问题,顺便说一下,遇到bug的时候打开浏览器中的开发者工具(F12)来查看报错信息。

前端小蜘蛛

应该是引入vue的链接有问题
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js