angus

angus vue2.0 project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build


#参考 vue UI组建件库
# http://element.eleme.io/#/zh-CN/component/installation
# http://mint-ui.github.io/#!/zh-cn

#main.js 中组件是全局引入，cli的build做好了处理，开发环境全局引入文件很大，但是线上环境文件会很小，本地文件大对开发没什么影响，
#当然也可以异步按需引入 import {xxx} from 'ooo',实践中发现若是这种按需加载还是将ooo全部引入了，
#除非写全了按需加载的具体路径import {xxx} form 'node_modules/hehe/aaa/xxx',否则还是相当于全局引入

import Vue from 'vue'
import VueRouter from 'vue-router' 
import VueResource from 'vue-resource'
import App from './App'
// import MintUI from 'mint-ui'
import ElementUI from 'element-ui'

import './css/reset.css'
import 'mint-ui/lib/style.css'
import 'element-ui/lib/theme-default/index.css'
import './css/index.css'
import './iconfont/iconfont.css'
//注册插件 
Vue.use(VueRouter);
Vue.use(VueResource);
// Vue.use(MintUI)
Vue.use(ElementUI)

window.debug = true;
window.Vue = Vue;

const First = {
  template: '<div><h2>我是第 1 个子页面</h2></div>'
}
const Bar = { template: '<div>bar</div>' }
const User = {
  template: '<div>User {{ $route.params.userid }}'
}

import {routes} from './js/router'
const router = new VueRouter({
  routes
})

import store from './js/store'  
// console.log(store)
window.router = router;
// router.beforeEach((to, from, next) => {
// 	console.log(to, from);
// })
// router.afterEach((to, from) => {
// 	console.log(to, from)
// });

/* eslint-disable no-new */
const app = new Vue({
  //template: '<App/>', 这个会覆盖挂在元素下所有内容

  router:router,
  store: store,
}).$mount('#app')


 

For detailed explanation on how things work, checkout the guide and docs for vue-loader.