Vue使用css和css-loader
首先cnpm i css css-loader file-loader -D
之后再webpackconfig里面加入:
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
{
...
vue路由
模板news页:
<div>
<router-link to="/home" tag="li" >主页</router-link>
<router-link to="/list">列表</router-link>
</div>
...
共用header然后让 header内容的标志项选中
$(document).ready(function(){
$(".header").load("header.html");
$(".nav-left").load("nav.html",function(){
var links = $(".nav-left li a"),
index = ...
Vue子组件传递信息到父组件
Vue子组件传递信息到父组件,然后接受
Vue slot 在模板中加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="bower_components/vue/dist/v...
Vue 动态组件
<div id="box">
<input type="button" value="aaa组件" @click="a='aaa'">
<input type="button" value="bbb组件" @click="a='bbb'">
<conmponent :is="a"...
Vue动画和animate.Css相结合
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动画2</title>
<script src="bower_components/vue/dist/vue.js"&...