Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
lovecoding
/
Web1020
10
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

fix:webpack

e 2 сар өмнө
parent
251de49809
commit
7579e0818d
7 өөрчлөгдсөн 40 нэмэгдсэн , 10 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 1 1
      11_Vue基础/3_v-if.html
  2. 2 2
      11_Vue基础/4_v-show.html
  3. 14 7
      11_Vue基础/5_v-on绑定事件.html
  4. 10 0
      16.webpack/demo/package.json
  5. 1 0
      16.webpack/demo/src/a.js
  6. 4 0
      16.webpack/demo/webpack.config.js
  7. 8 0
      16.webpack/命令.md

+ 1 - 1
11_Vue基础/3_v-if.html
Файл харах 

@@ -18,7 +18,7 @@
 
         let app = new Vue({
 
             el: '#app',
 
             data:{
 
-                num:10
 
+                num:110
 
             }
 
         })
 
     </script>

+ 2 - 2
11_Vue基础/4_v-show.html
Файл харах 

@@ -8,14 +8,14 @@
 
 </head>
 
 <body>
 
     <div id="app">
 
-        <h1 v-show="num>0">显示内容</h1>
 
+        <h1 v-show="isShow">显示内容</h1>
 
     </div>
 
     <script>
 
         let app = new Vue({
 
             el:"#app",
 
             data:{
 
                 isShow:false,
 
-                num:-1
 
+                num:31
 
             }
 
         })
 
     </script>

+ 14 - 7
11_Vue基础/5_v-on绑定事件.html
Файл харах 

@@ -25,29 +25,33 @@
 
 </head>
 
 <body>
 
     <div id="app">
 
+        <!-- v-on:事件名字 = '方法名' -->
 
         <!-- <button v-on:click="clickFun">按钮</button> -->
 
-        <!-- <button v-on:click="clickFun('hello')">按钮</button> -->
 
+        <!-- <button v-on:click="clickFun('hello',$event)">按钮</button> -->
 
          
-        <div v-on:click="div1Click" class="div1">
 
+        <div v-on:click.self="div1Click" class="div1">
 
             <!-- 在vue中获取事件对象使用 $event -->
 
             <!-- <div v-on:click="div2Click($event)" class="div2"></div> -->
 
 
-            <div v-on:click.stop="div2Click($event)" class="div2"></div>
 
+            <div v-on:click.self="div2Click($event)" class="div2"></div>
 
          </div>
 
 
          <!-- <div class="div3" v-on:contextmenu="showMenu($event)"></div> -->
 
          <div class="div3" v-on:contextmenu.prevent="showMenu"></div>
 
-
 
-         <button @click="click3Fun">简写v-on事件</button>
 
+         <a href="https://www.baidu.com" @click.prevent="aa">11</a>
 
+         <button @click.once="click3Fun">简写v-on事件</button>
 
 
     </div>
 
     <script>
 
         let app = new Vue({
 
             el:"#app",
 
             methods: { //放置方法函数
 
-                clickFun:function(val){
 
-                    console.log(val);
 
+                clickFun:function(val,event){
 
+                    console.log(val,event);
 
                 },
 
+                // clickFun(val){
 
+                //     console.log(val);
 
+                // },
 
                 div1Click:function(){
 
                     console.log("div1被点击了");
 
                 },
 
@@ -65,6 +69,9 @@
 
                 },
 
                 click3Fun:function(){
 
                     console.log("v-on简写");
 
+                },
 
+                aa() {
 
+                    alert("你好")
 
                 }
 
             },
 
         })

+ 10 - 0
16.webpack/demo/package.json
Файл харах 

@@ -0,0 +1,10 @@
 
+{
 
+  "name": "demo",
 
+  "version": "1.0.0",
 
+  "main": "index.js",
 
+  "license": "MIT",
 
+  "dependencies": {
 
+    "webpack": "^5.98.0",
 
+    "webpack-cli": "^6.0.1"
 
+  }
 
+}

+ 1 - 0
16.webpack/demo/src/a.js
Файл харах 

@@ -0,0 +1 @@
 
+console.log("!11")

+ 4 - 0
16.webpack/demo/webpack.config.js
Файл харах 

@@ -0,0 +1,4 @@
 
+// 抛出
 
+module.exports = {
 
+ mode:'development'   
+}

+ 8 - 0
16.webpack/命令.md
Файл харах 

@@ -0,0 +1,8 @@
 
+1. 安装
 
+npm install yarn -g
 
+2. 初始化文件
 
+yarn init -y
 
+3. 安装webpack
 
+yarn add webpack webpack-cli
 
+4. 延迟加载 
+defer