Add examples

David-Desmaisons · David-Desmaisons · commit b9e55a810bcc · 2018-11-25T20:12:15.000-02:00
diff --git a/examples/footerslot.html b/examples/footerslot.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>Basic example</title>
+        <title>Footer slot example</title>
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
diff --git a/examples/headerfooterslot.html b/examples/headerfooterslot.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>Basic example</title>
+        <title>Header and footer example</title>
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
diff --git a/examples/headerslot.html b/examples/headerslot.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>c</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="stylesheet" href="css/main.css">
+    </head>
+    <body>
+     
+     <div id="main">
+        <h1>Vue Draggable</h1>
+
+        <div :class="dragging? 'list-dragging' : 'drag'">
+            <h2>Draggable</h2>
+            <draggable  :list="list" @start="dragging=true" @end="dragging=false" :options="{draggable:'.itemd'}">
+                <div v-for="element in list" class="itemd" :key="element.id">{{element.name}}</div>
+                <button slot="header" @click="add">Add People (Header)</button>
+             </draggable>
+         </div>
+
+         <div class="normal">
+            <h2>Normal v-for</h2>
+            <div >
+                <div v-for="element in list">{{element.name}}</div>
+             </div>
+         </div>
+
+        <button @click="replace">Replace</button>
+        <br>
+
+        <a href="Two_Lists.html">See 2 lists example</a>
+        <a href="Two_Lists_Clone.html">See clone element example</a>
+        <a href="Two_Lists_Clone_If.html">See clone v-if element example</a>
+
+    </div>
+
+        <script type="text/javascript" src="libs\vue\dist\vue.js"></script>
+        <script type="text/javascript" src="libs\Sortable\Sortable.js"></script>
+        <script type="text/javascript" src="src\vuedraggable.js"></script>
+        <script type="text/javascript" src="script\main.js"></script>
+    </body>
+</html>
