Javascript Vue.js框架在使用CDN的简单html页面中不起作用
我最近开始学习vue.js，我去学习表单，当我使用live server打开文件时，它不起作用，所以我尝试使用xampp运行，但不起作用。它以前工作过，但这次没有工作。 有人能帮我找到我的代码哪里出错了吗Javascript Vue.js框架在使用CDN的简单html页面中不起作用,javascript,html,vue.js,Javascript,Html,Vue.js,我最近开始学习vue.js，我去学习表单，当我使用live server打开文件时，它不起作用，所以我尝试使用xampp运行，但不起作用。它以前工作过，但这次没有工作。 有人能帮我找到我的代码哪里出错了吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&quo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Starting with vuejs</title>
</head>
<body>
<div id="app">
<form>
<label for="name">Name:</label>
<input type="text" name="name" v-model="name">
<br>
<label for="wow">yes or no
<input type="radio" v-model="news" value="yes" name="wow"> yes
<input type="radio" v-model="news" value="no" name="wow"> no
</label>
<br>
<label for="sports">sports</label> <br>
<input type="checkbox" name="sports"v-model="sports" value="futebol"> futball <br>
<input type="checkbox" name="sports"v-model="sports" value="f1"> f1 <br>
<input type="checkbox" name="sports"v-model="sports" value="run"> run
<br>
<label for="">how you meet us</label>
<select v-model="meet">
<option value="google">google</option>
<option value="journal">journal</option>
<option value="TV">TV</option>
</select>
<br>
</form>
<hr>
name: {{name}} <br>
news: {{news}} <br>
sports: {{sports}} <br>
meet : {{meet}} <br>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
name:"",
new = "",
sports :"",
meet : ""
}
});
</script>
</body>
</html>
从vuejs开始
姓名：
是还是不是
对
不
体育
futball
f1
跑
你是怎么认识我们的
谷歌
杂志
电视
名称：{{name}}
新闻：{{news}}
体育：{{sports}}
会面：{{meet}}
var app=新的Vue({
el:“#应用程序”，
数据：{
姓名：“，
新“”，
体育：“，
会见：“
}
});
new=“”，news:“
从vuejs开始
姓名：
是还是不是
对
不
体育
futball
f1
跑
你是怎么认识我们的
谷歌
杂志
电视
名称：{{name}}
新闻：{{news}}
体育：{{sports}}
会面：{{meet}}
var app=新的Vue({
el:“#应用程序”，
数据：{
姓名：“，
新闻：“，//不是‘新的’”`
体育：“，
会见：“
}
});
new=“”，news:”，