Home Explore Help
Register Sign In
xuyiping
/
web-demo
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

demo

Yi 3 years ago
parent
f8de19dded
commit
21424aa3aa
5 changed files with 83 additions and 9 deletions
Unified View Show Diff Stats
  1. 1 0
      .idea/vcs.xml
  2. 26 3
      demo/3-10/index.html
  3. 40 3
      demo/4-2/index.html
  4. 15 3
      demo/4-3/index.html
  5. 1 0
      soybean-admin

+ 1 - 0
.idea/vcs.xml
View File 

@@ -2,5 +2,6 @@
 
 <project version="4">
 
 <project version="4">
 
   <component name="VcsDirectoryMappings">
 
   <component name="VcsDirectoryMappings">
 
     <mapping directory="$PROJECT_DIR$" vcs="Git" />
 
     <mapping directory="$PROJECT_DIR$" vcs="Git" />
 
+    <mapping directory="$PROJECT_DIR$/soybean-admin" vcs="Git" />
 
   </component>
 
   </component>
 
 </project>
 
 </project>

+ 26 - 3
demo/3-10/index.html
View File 

@@ -1,10 +1,33 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
-  <meta charset="UTF-8">
 
-  <title>$Title$</title>
 
+    <meta charset="UTF-8">
 
+    <title>Title</title>
 
+    <script src="../vue.js"></script>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-$END$
 
+  <div id="app">
 
+
 
+
 
+    <div @click.capture="handleDivClick">
 
+      China
 
+      <div @click.capture="handleDivClickInner">
 
+        Hello world
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script>
 
+    var vm = new Vue({
 
+      el:"#app",
 
+      methods: {
 
+        handleDivClick:function (){
 
+          alert("456")
 
+        },
 
+        handleDivClickInner: function (){
 
+          alert("123")
 
+        }
 
+      }
 
+    })
 
+  </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 40 - 3
demo/4-2/index.html
View File 

@@ -1,10 +1,47 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
-  <meta charset="UTF-8">
 
-  <title>$Title$</title>
 
+    <meta charset="UTF-8">
 
+    <title>Title</title>
 
+    <script src="../vue.js"></script>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-$END$
 
+  <div id="app">
 
+    <counter :count="3" @change="handleCount"></counter>
 
+    <counter :count="2" @change="handleCount"></counter>
 
+    <div>{{total}}</div>
 
+  </div>
 
+  <script>
 
+
 
+    var counter = {
 
+      props: ["count"],
 
+      data: function (){
 
+        return {
 
+          number: this.count
 
+        }
 
+      },
 
+      template: '<div @click="handleClick">{{number}}</div>',
 
+      methods: {
 
+        handleClick: function () {
 
+          this.number ++;
 
+          this.$emit('change',1)
 
+        }
 
+      }
 
+    }
 
+    var vm = new Vue({
 
+      el: "#app",
 
+      data: {
 
+        total: 5
 
+      },
 
+      components: {
 
+        counter: counter
 
+      },
 
+      methods: {
 
+        handleCount: function (step){
 
+          this.total += step
 
+        }
 
+      }
 
+    })
 
+  </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 15 - 3
demo/4-3/index.html
View File 

@@ -1,10 +1,22 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
 <head>
 
 <head>
 
-  <meta charset="UTF-8">
 
-  <title>$Title$</title>
 
+    <meta charset="UTF-8">
 
+    <title>Title</title>
 
+  <script src="../vue.js"></script>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-$END$
 
+  <div id="app">
 
+    <child></child>
 
+  </div>
 
+  <script>
 
+    Vue.component('child',{
 
+      template: '<div>Child</div>'
 
+    })
 
+
 
+    var vm = new Vue({
 
+      el: "#app"
 
+    })
 
+  </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 1 - 0
soybean-admin 

@@ -0,0 +1 @@
 
+Subproject commit 42e6de395f8fded88bc0e7c86a688a108021e2a2