watch:{
$route(to,from){
// to.path这个为路径
if(to.path=="home"){
this.$store.dispatch("aa");//aa为方法名
}
alert("路由change");
}
}阅读全文>>
app.vue:
<template>
<div id="app">
<input type="button" value="增加" @click="add">
<h1>{{count}}</h1>
</div>
</template>
<script>
import {mapGetters,mapActions} from "vuex"
export default {
name: 'app',
computed:mapGe...阅读全文>>
首先cnpm i css css-loader file-loader -D
之后再webpackconfig里面加入:
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader'
},
{
test: /\.(png|...阅读全文>>
模板news页:
<div>
<router-link to="/home" tag="li" >主页</router-link>
<router-link to="/list">列表</router-link>
</div>
<div class="container">
<router-view></router-view>
router config:
impor...阅读全文>>
简单的代码实现简单的搜索,搜索数组内容阅读全文>>
阅读全文>>
es6书写连接数组阅读全文>>
$(document).ready(function(){
$(".header").load("header.html");
$(".nav-left").load("nav.html",function(){
var links = $(".nav-left li a"),
index = 0, //默认第一个菜单项
//取当前URL最后一个/后面的文件名,pop方法是删除最后一个元素并返回最后一个元素
url = location.href.split("?")[0].sp...阅读全文>>
Vue子组件传递信息到父组件,然后接受阅读全文>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="bower_components/vue/dist/vue.js"></script>
</head>
<body>
<div id="box">
<h1>I love you</...阅读全文>>