vue的一个例子为什么运行不起来

 vue的第一个例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script type="text/javascript" src="JS/vue.js"></script>
</head>
<body>
<div id="root">
  <h1>Hello, {{name}}</h1>
</div>

<script type="text/javascript">
 Vue.config.productionTip = false
 const x = new Vue({
   el:'#root',
   data:{
     name:'尚硅谷'
   }
 })
</script>
</body>
</html>

运行结果

Hello, {{name}}

我的解答思路和尝试过的方法

应该是Hello, 尚硅谷

我这里运行时没有错误的呀，看一下控制台报错，是不是vue.js引用的有问题

img


我时直接引用的在线的vue.js
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

你的script引入的vue有问题，
你换成CDN引入就可以了

data.name呢 试试