qq_40492771的博客

vue的小项目，对于多组件之间的状态管理，不使用Vuex，可以使用provide/inject完成数据管理。 父组件使用provide 封装数据 <template> <div> .... <Books></Books> </div> </template> <script> import Books from "./Books.vue"; export default { data() {

在HTML部分使用Vue 提供的template封装组件，设置name，在template的子节点设置v-show，通过按钮来改变flag来改变状态，实现组件的显示/隐藏。 <template> ... <div @click=“flag=!flag”>按钮</div> <transition name="slide"> <div v-show="flag"> ... </div> </transiti

在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:/