vue-quasar 使用图标方法

vue-cli 版本 4.5.13

1.添加quasar到vue项目中

虽然quasar有自己的脚手架，但是在使用过程中，与平常开发vue项目会有许多不同，所以添加quasar框架到vue项目中,即可达到开发者希望的效果

$ vue add quasar  

接下来会在src下生成一个quasar.js的文件，此文件存放所有quasar框架的配置，我们的图标配置也应该存放在文件中

2.添加相应的图标库

quasar直接支持的库有Material Icons、Font Awesome、Ionicons、MDI、Eva
Icons、Themify Icons、Line Awesome和 Bootstrap Icons

经过测试使用其他部分图标会出现图标偏移的情况，但使用Material Icons是毫无问题的
material design国内查找对应图标

在quasar.js中添加需要的图标库,在extras中添加需要的图标库，这里由于只使用谷歌的material-icon，所以只添加一个

Vue.use(Quasar, {
	config: {},
	plugins: {},
	extras: [
		'material-icons'
	]
})

在组件中使用

q-icon为quasar 的图标组件，name属性相当于class，可以直接复制类名到name属性中

<q-icon name="3d_rotation"></q-icon>