[已解决]这是vue.js的一个简单的例子，我是在vscode中用live server执行的，为什么会闪没

TSwangming · 发表于 2021-7-17 21:13:05

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

下面是程序，为什么出现用浏览器运行后把结果显示了一下然后瞬间结果又都消失了的情况
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>data:数据对象</title>
</head>
<body>
<div id="app">
      {{message}}
      <h2>{{school.name}} {{school.rank}}</h2>
      <ul>
         <li>{{campus[1]}}</li>
      </ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
      var app= new Vue({
         el:'#app',
         data:{message:'黑马程序员',
         school:{
            name:'HITwh',
            mobile:'158',
            rank:'985'},
         },
         campus:["北京","南京","深圳"]
      })
</script>
</body>
</html>

最佳答案

月排行榜 / 总排行榜

__玄清__

2021-7-24 22:22:26

控制台不是有报错吗，campus报错了，未定义，定义到data里边才行呀

跳转到最佳答案楼层

wp231957 · 发表于 2021-7-17 21:23:22

为啥要用liveserver执行呢？挂靠某个后台服务器了？？

TSwangming · 发表于 2021-7-18 01:11:59

wp231957 发表于 2021-7-17 21:23
为啥要用liveserver执行呢？挂靠某个后台服务器了？？

就是一个vscode里面的插件，浏览器端会实时根据代码改变而改变，运行其他的vue.js程序没有问题

kogawananari · 发表于 2021-7-18 11:52:05

规范点用node环境开发吧运行html文件或者打包后的vue项目用http-server 需要热更新和打包或者运行vue文件用脚手架（vite或者webpack）

__玄清__ · 发表于 2021-7-24 22:22:26

这个最佳答案由 __玄清__ 给出，感谢 __玄清__ 的回答。

单击隐藏图章

控制台不是有报错吗，campus报错了，未定义，定义到data里边才行呀

账号		自动登录	找回密码
密码			立即注册