vuetify学习

vuetify

安装vuetify3.0以上的脚手架的相关步骤：

官网：https://vuetifyjs.com/zh-Hans/getting-started/quick-start 每一个 vue 都是一个组件，相当于一个js文件，vue文件默认导出为文件类名。

<!--<v-app-bar app dark class="indigo ">-->   工具栏  网页顶部菜单
      <!--app-->   工具条不随鼠标上下拖动而改变
      <!--color="primary"-->   工具栏背景颜色
      <!--dark-->

1.npm install -g @vue/cli@3

2.vue create vuetify4

3.vue add vuetify

4.npm run serve

5.vuetify图标的安装

npm install material-design-icons-iconfont-D

在main.js中引用

import 'material-design-icons-iconfont/dist/material-design-icons.css'

<v-icon></v-icon>   图标
<v-content>
      <Navi/>
      <router-view/>  默认输出home.vue
   </v-content>

Navi.vue
<template>

  <div>
      <div>this is