master

分支 (1)

管理

管理

master

wustudy
/
11.v-on补充.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

  <!-- 2.html结构 -->
  <div id="app">
    <input type="button" value="点击" @click="doIt(666,'老铁')">
    <input type="text" @keyup.enter="sayHi">

 </div>
  <!-- 1.开发环境版本，包含了有帮助的命令行警告 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 3.创建Vue实例 -->
  <script>
      var app=new Vue({
          el:"#app",
          methods:{
           doIt:function(p1,p2){
               console.log("做it");
               console.log(p1,p2);
               alert("吃了没");
               alert(p1,p2);
           },
           sayHi:function(){
               alert("吃了没");
           }
          }
      })
  </script>

</body>
</html>