![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
浪天林
这个作者很懒,什么都没留下…
展开
-
vue 跨组件进行传值(简易)
vue的小项目,对于多组件之间的状态管理,不使用Vuex,可以使用provide/inject完成数据管理。父组件使用provide 封装数据<template> <div> .... <Books></Books> </div></template><script>import Books from "./Books.vue";export default { data() {原创 2020-12-07 13:51:01 · 1878 阅读 · 0 评论 -
vue transition实现组件平滑显示/隐藏
在HTML部分使用Vue 提供的template封装组件,设置name,在template的子节点设置v-show,通过按钮来改变flag来改变状态,实现组件的显示/隐藏。<template> ... <div @click=“flag=!flag”>按钮</div> <transition name="slide"> <div v-show="flag"> ... </div> </transiti原创 2020-11-27 16:11:32 · 3196 阅读 · 0 评论 -
vue引用iconfont图标
在iconfont图标官网把需要的图标添加入库,再把下载的文件解压,把里面所有的文件复制到项目 src/assets/font 目录下使用的时候先在script导入import "@/assets/font/iconfont.css";然后在template中使用<i class="icon iconfont icon-fanhui"></i>icon和iconfont必写icon-fanhui和iconfont.css文件中的相互对应图标库网址https:/原创 2020-11-25 15:04:01 · 136 阅读 · 0 评论