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

这是vue.js的一个简单的例子,我是在vscode中用live server执行的,为什么会闪没

下面是程序,为什么出现用浏览器运行后把结果显示了一下然后瞬间结果又都消失了的情况
<!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}}</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>

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里边才行呀{:10_266:}
页: [1]
查看完整版本: 这是vue.js的一个简单的例子,我是在vscode中用live server执行的,为什么会闪没