vue 开发依赖安装

 安装element-ui

yarn add element-ui --save

使用element-ui

main.js

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

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

 

 

安装stylus

yarn add stylus stylus-loader --save

使用stylus

@import 'common/stylus/index.styl'

<style scoped lang="stylus">

 

 

安装vuex

yarn add vuex --save

使用vuex

src/store 下新建 index.js, states.js, mutations.js, mutation-types.js, action.js, getters.js

src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

import state from './state'
import mutations from './mutations'
import actions from './actions'
import getters from './getters'

Vue.use(Vuex)

export default new Vuex.Store({
  state,
  mutations,
  actions,
  getters
})

main.js

// 引入路由 其实就是router文件夹下的index.js配置好的路由表
import router from './router'
// 引入Vuex的store对象
import store from './store'

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
  // 为根组件加入路由
  router,
  store
})

 

 

安装vue-lazyload

yarn add vue-lazyload --save

使用vue-lazyload

main.js

import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)

 

转载于:https://www.cnblogs.com/zzxuan/p/9369952.html