Vue控制面板 没有Root

创建 运行 VsCode 页面 vue控制面板上 没有显示 Root 为什么

img

img

救命 救命

使用 Edge 浏览器 还会 报错

img

哭了

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Vue</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="./js/vue.js"></script>
    </head>
    <body>
        <!-- 准备好一个容器 -->
        <div id="demo">
            <h1>Hello,{{name.toUpperCase()}}{{address}}</h1>
        </div>
    </body>
    <script type="text/javascript" >
            Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。

        //创建Vue实例
        new Vue({
            el:'#demo', //el用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。
            data:{ //data中用于存储数据,数据供el所指定的容器去使用,值我们暂时先写成一个对象。
                name:'xiaoming',
                address:'北京'
            }
        })
        
    </script>
</html>

所有代码就这些吗? 建议把 代码直接以代码块发出来

你这文件结构根本就不是vue的结构,你引用vue有啥用,建议弄个脚手架然后再试