刚学这个,问什么不能传这个参数啊

img

img


<%@ 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');