想用vue写一点自己的页面,但是很巧最近vue升级到了3.0状态,之前学习的vue的知识都不能正常运用,今天找了个新的教程,想跟着敲一下,但是这里有一点问题。
<template>
<div>
<button v-on:click="my"></button>
</div>
</template>
<script>
export default {
name: 'App',
data:function () {
return{
stus:[
{id:1,name:'a',age:0},
{id:2,name:'b',age:1},
{id:3,name:'c',age:3},
{id:4,name:'d',age:5},
{id:5,name:'e',age:7},
{id:6,name:'f',age:9},
]
}
},
method:{
my: function () {
alert('sssss');
}
}
}
</script>
<style>
</style>
可以忽略stus 对象数组,本来想用这个stus对象数组搞一个无序列表的展示,但是页面没有任何显示,按出控制台只看到一句话
We're sorry but vuetest doesn't work properly without JavaScript enabled. Please enable it to continue.
查阅相关问题的答案,通过修改mode中history 改为hash,这个已经试过,没有解决。剩下的解决方案是nginx配置端口和前端端口不一致,但是我没有下载和配置过nginx,应该不存在这个问题吧。还有就是通过config.js文件中baseurl是否正确,但是我点开配置文件里面的东西只有这些
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
希望各位大佬可以解决掉我这个问题,谢谢