问题遇到的现象和发生背景
WebStorm中HTML调用Vue中data和methods的属性和方法,出现未解析的变量或类型的警告
问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../../js/vue.js"></script>
</head>
<body>
<div id="root">
<h2>你好,{{name}}</h2>
<h2>{{age}}</h2>
<button v-on:click="showInfo1">点我提示信息1</button>
<!--简写-->
<button @click="showInfo2($event,66)">点我输出66</button>
</div>
</body>
<script>
Vue.config.productionTip = false;
new Vue({
el: '#root',
data() {
return {
name: '鹿漫漫',
age:21
}
},
methods: {
showInfo1() {
// console.log(this) //这个this是Vue实例对象
alert('大家好');
},
showInfo2(event,value) {
console.log(event,value)
}
}
});
</script>
</html>
运行结果及报错内容