w18789476022的博客

使用以上两种方法也不行，但是我发现修改完package.json后，在dist里增加了一个report.html，Alt+B进行打开，就是想要的分析图啦

目的： 当点击相关的页面的时候，才去后台请求该路由部分代码（路由懒加载）。而路由组件缓存是将组件对象从浏览器缓存至内存1. 打包为生产环境：npm run build2. 路由懒加载：（此处以home.vue为例）3. 在router里的index.js里：// 路由器对象模块import Vue from 'vue'import VueRouter from 'vue-router'// import Home from '../pages/Home/Home.vue'Vue

目的：在切换路由的时候，数据都是重新获取的，为提升用户体验，使用缓存路由组件对象。在router-view的外层包裹keep-alive <keep-alive> <router-view></router-view> </keep-alive>效果:当你在一个路由组件里滑动到某处页面，点击其他路由页面，再返回时，页面还是停留在之前的位置。...

1. 在接口函数中定义（api/index.js）： export const reqShopList=({geohash,keyword})=>ajax(base_url+'/search_shops',{geohash, keyword})2.在mutation-type里定义：export const RECEIVE_SEARCH_SHOPS='receive_search_shops'//接收搜索的商家数组3. 在mutation里：[RECEIVE_SEAR.

$attrs实现组件间传值1.目标：在ShopRating.vue中存在从vuex中获取的评分值，现在需要根据评分值实现对Star组件里星星个数的控制。2. 评分控制星星个数的思想： starNum(score) { let fullStar = ""; let empityFullStar = 0; fullStar= parseInt(score); // 判断分数的小数部分是否小于5： <=5 小数部分被去除 ..

Unexpected side effect in “listShow” computed property vue/no-side-effects-in-computed-properties解决computed中不可修改data中的值

目的：外层div的点击不会触发内层@click被触发。在内层的@click修改为@click.stop="updateFoodCount()"其可以阻止事件冒泡

父组件中调用子组件的方法简述：在子组件Food.vue中存在toggleShow（）这个方法，用以控制子组件的显示。目的是在父组件ShopGoods.vue里调用该方法。前提假设您已设置二者为父子组件。1. 在父组件中所自定义的标签中为其添加ref绑定： <food :food="food" ref="food"></food>2. 在父组件中需要该方法的地方输入以下代码，即可实现子组件方法的调用。 this.$ref.food.toggleShow();

子组件里使用父组件里的数据1. 明确父子组件：ShopGoods.vue为父组件；CartControl.vue为子组件。2. 目的：在父组件里有来自数据库的food,想要在子组件中使用food中的数据。3. 复习一下子组件的创建以及在父组件中的使用： 1. 创建子组件（eg. CartControl.vue） 2. 在父组件里import子组件：import CartControl from '../../../components/CartControl/CartCon...

记录代码在vuex中的操作1. 当在mounted中输入以下代码时,相当于传值给vuex的mutation改变statemounted() { // 在vuex中的state中可以看到数据 this.$store.dispatch("getShopGoods"); },2. 想要读取vuex中state的数据时： computed: { // 从vue中的组件中可以看到 goods() { return this.$store.

vue中使用双层v-for获取数据即遍历goods中的foods <ul> <li v-for="(good, index) in goods" :key="index"> <p class="discount">{{ good.name }}</p> <ul > <li > <div class="disco

运行该行命令：vue add style-resources-loader安装成功在vue.config.js里修改如下代码：pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [ //这个是加上自己的路径， //注意：试过不能使用别名路径 path.resolve(__dir..