05 2021 档案

摘要:当在项目中使用v-for循环列表时,需要对列表中的数据进行判断是否展示,但是在vue中v-for的优先级比v-if高,会有性能问题,此时可以使用computed计算属性解决问题。 <template> <div class="data-show"> <ul> <li v-for="item in f 阅读全文
posted @ 2021-05-31 14:47 zhongfang99 阅读(231) 评论(0) 推荐(0)
摘要:// 鼠标悬浮时候,可以有线条从左到右出现的动画效果,移开时从右到左消失的效果 <template> <div class="animation"> <div class="box" @mouseenter="enterTop" @mouseleave="leaveTop"> <div class= 阅读全文
posted @ 2021-05-25 17:17 zhongfang99 阅读(310) 评论(0) 推荐(0)
摘要:在小项目中如果组件间层级嵌套很深的时候可以使用bus来调用其他组件的方法 代码实现: 1、新建一个bus.js文件,如下代码 import Vue from "vue"; export default new Vue(); 2、在组件1中 <template> <div class="bus-bro 阅读全文
posted @ 2021-05-19 15:45 zhongfang99 阅读(195) 评论(0) 推荐(0)
摘要:cnpm install node-sass --save-dev //安装node-sass cnpm install style-loader --save-dev //安装style-loader cnpm install sass-loader@7.3.1 --save-dev // 安装s 阅读全文
posted @ 2021-05-17 15:03 zhongfang99 阅读(623) 评论(0) 推荐(0)