《Vue+Vuetify》

　　前兩天百度，發現一個以前沒用過的框架：Vuetify~  這個也是個組件庫，好像還蠻好用的，很方便，還能快速建站（vuex+vue-router+vue-router-sync+vuetify），主要講一下安裝和初始化，快速建站看文章后面的鏈接

　　一，關於vuetify的安裝以及使用

　　　　1.npm install --save vuetify

　　　　2.在main.js里引入並且使用

　　　　　　import Vuetify from 'vuetify'

　　　　　　import 'vuetify/dist/vuetify.min.css'

　　　　　　Vue.use(Vuetify)

 

　　　　3.在根元素綁定那里初始化：

　　　　　　在new Vue({

　　　　　　　　el:'#app',

　　　　　　　　vuetify:new vuetify(),

　　　　　　　　})

　　　　 4.在app.vue里

　　　　　　<template>

　　　　　　　　<v-app id='app'>

　　　　　　　　　　<router-view></router-view>

　　　　　　　　</v-app>　　　　　　

　　　　　　</template>

 

　　　　就這樣我們的安裝以及初始化就完成了，在各個.vue文件里直接使用Vuetify就可以了，vue add vuetify這條命令就能讓vuetify直接用了，打開后的界面是這樣式兒的：

　　　　　

 

 

 

 

　　　　二，快速建站，要先安裝Vuetify + Vuex + Vue-router + Vue-router-sync　　　

// src/main.js import Vue from 'vue' import Vuetify from 'vuetify' import App from './App' import store from './store' import router from './router' import { sync } from 'vuex-router-sync' Vue.use(Vuetify); sync(store, router); new Vue({ el: '#app', router, store, template: '<App/>', components: { App } });


后續可看https://www.jianshu.com/p/eb863de83226，這篇文章寫得很好，nice!

彩蛋：關於vuetify里的色彩，可以看這一篇來了解：https://conyli.cc/archives/2764

vuetify的視差，可以參考這篇：https://blog.csdn.net/OnismYY/article/details/86539211