vue项目中使用Loading.io动态矢量图（这里仅学习用），

作者: 似朝朝我心 | 来源:发表于2022-04-14 16:10 被阅读0次

vue项目中使用Loading.io动态矢量图（这里仅学习用），
mac webstorm 新建vue3.0+项目
本期小结（一）
在Vue项目中使用Echarts(一): 在Vue中引入Echa
vue实战第一天
Vue 项目使用阿里矢量图标
vue 动态加载路由时，如何处理组件
vue-渲染和jsx-2020-07-13
10. 基于Vue+Element+nodeJs+Express
2018-10-10

官网：

https://loading.io/

导航栏选择：Icon下拉菜单下面的Spinner Gallery

选择你喜好的loading加载动图，打开控制台，鼠标获取到svg图片的位置，因为我是学习用的，所以复制svg这段代码就行了，商用记得购买哦！

在我们的vue项目中新建一个组件，

搞一个template标签包这svg标签的内容

这样我们就可以引入该组件进行使用了

<Loading></Loading>
import Loading from '../components/Loading.vue'

components:{
Loading 
}

vue项目中使用Loading.io动态矢量图（这里仅学习用），
官网：导航栏选择：Icon下拉菜单下面的Spinner Gallery 选择你喜好的loading加载动图，打开...
mac webstorm 新建vue3.0+项目
vue-cli中文官网都有，这里仅简单记录。图形界面新建项目命令行中创建vue项目 1.新建项目（期间会让选一...
本期小结（一）
vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...
在Vue项目中使用Echarts(一): 在Vue中引入Echa
一.初始化Vue的项目这里使用vue-cli中webpack-simple这个模板初始化项目, 在命令行中以此输...
vue实战第一天
Vue技术栈开发实战-使用vue-cli3创建项目使用Vue UI创建、管理项目这里的vue-cli必须是3.x...
Vue 项目使用阿里矢量图标
1.登录阿里矢量图标库官网 2.选中所需要的图标，添加至购物车 3.把购物车里面的图标添加到项目 4.点击font...
vue 动态加载路由时，如何处理组件
使用vue cli3.x创建项目，登录之后，使用router.addRoutes(routers)方法动态添加后端...
vue-渲染和jsx-2020-07-13
本文记录了vue中使用渲染和jsx的基础使用，更多深入研究待后续项目使用过程中使用渲染这里统一采用vue-cl...
10. 基于Vue+Element+nodeJs+Express
一、创建vue单页面项目我这里创建vue项目使用的是Vue-CLI脚手架，Vue CLI 是一个基于 Vue.j...
2018-10-10
环境配置全局安装 vue-cli：初始化项目这里使用官方的 vue-cli 初始化一个 Vue 项目vue-cl...