vue路由变化监听 watch:{ $route(to,from){ // to.path这个为路径 if(to.path=="home"){ this.$store.dispatch("aa");//aa为方法名 } alert("路由change")； } }
vue 使用vuex app.vue: <template> <div id="app"> <input type="button" value="增加" @click="add"> <h1>{{count}}</h1> </div> </template> <script> import {mapGetters,mapAc...
Vue使用css和css-loader 首先cnpm i css css-loader file-loader -D 之后再webpackconfig里面加入： { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.(eot|svg|ttf|woff|woff2)$...
vue路由 模板news页： <div> <router-link to="/home" tag="li" >主页</router-link> <router-link to="/list">列表</router-link> </div> <div class="container"> <router-view><...
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...