学习vue2后，一刚开始就听说使用Vue.config.productionTip=false;来在控制台关闭开发者模式提醒，我也照做了，但是始终还是有。
只到今天才终于知道原因了，现在直接贴代码，
如下图所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="" target="_blank">https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
Vue.config.productionTip=false;
</script>
</head>
<body>
<div id="app">
<div v-on:click="saySelf('click from inner')" v-on:click.self="saySelf('click from self')">
<button v-on:click="saySelf('button click')">button1</button>
<button v-on:click.stop="saySelf('just button click')">button2</button>
</div>
</div>
</body>
<script>
let demo=new Vue({
el:'#app',
data:{
msg:'Hello Vue.js'
},
methods:{
saySelf(msg){
alert(msg);
}
}
})
</script>
</html>
注意： Vue.config.productionTip=false;语句要紧挨着引入的vue文件处，我之前是写在body标签后面的script文件中的，由于html中有使用到vue，所以就会一直报开发者模式提醒。
而紧挨着引用的vue后，才能真正关闭此提醒
338
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
