<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src ="vue.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="app">
编号:{{id}},产品:{{pName}},价格:{{price}}
</div>
</form>
<script>
new Vue({
el: "#app",
data: {
id: 1, pName:"iPad Pro", price: 8000
}
});
</script>
</body>
</html>
猜测你引入的是3.x
版本的Vue
,但是语法用的是2.x
版本,所以无法显示,你试试把script
代码改成这样试试:
const app = {
data() {
return {
id: 1, pName: "iPad Pro", price: 8000
}
}
};
Vue.createApp(app).mount('#app');