Vue简单搜索

<div id="box"> <input type="text" v-model="show" > <transition-group name="fade" enter-active-class="animated zoomInLeft" leave-active-class="animated z...

共用header然后让 header内容的标志项选中

$(document).ready(function(){ $(".header").load("header.html"); $(".nav-left").load("nav.html",function(){ var links = $(".nav-left li a"), index = 0, /...

Vue子组件传递信息到父组件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="bower_components/vue/dist/vue.js"></script> <style>...

Vue slot 在模板中加

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="bower_components/vue/dist/vue.js"></script> </head>...

Vue 动态组件

<div id="box"> <input type="button" value="aaa组件" @click="a='aaa'"> <input type="button" value="bbb组件" @click="a='bbb'"> <conmponent :is="a"> </conmpone...

Vue动画和animate.Css相结合

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动画2</title> <script src="bower_components/vue/dist/vue.js"></script> <link rel="st...

Vue父子组件

父子组件： <div id="box"> <aaa></aaa> </div> <template id="aaa"> <h1>我是父组件</h1> <bbb></bbb> </template> <template id="bbb"> <h2>我是子组件</h2> </template> </body...

vue路由-1.0

vue1.0的路由配置： vue1.0.28,vue-router 0.7.13 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>VUE</title> <script src="dist/vue.min.js"...