webpack#2.0结合vue-cli搭建开发环境

搭建

vue init webpack-simple weback-demo

让.vue文件中解析lang="less"

cnpm install less less-loader -d

 {

    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader",

}

使用vue-router

cnpm install vue-router

//main.js
import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import routerConfig from './router.config.js'

Vue.use(VueRouter)

const router = new VueRouter(routerConfig);

new Vue({
    el: '#app',
    render: h => h(App),
    router
})

// router.config.js
import Home from './components/Home.vue'
import News from './components/News.vue'

export default {
    routes : [
        {path: '/home', component: Home},
        {path: '/news', component: News}
    ]
}

结合animate.css 做动画

//App.vue