随笔分类 - vue
1
摘要：vue2中v-for的优先级高于v-if 所以是先执行v-for 再执行v-if （先v-for渲染出来的后又被v-if删除掉了，这样就会造成性能浪费） vue3中 v-if 的优先级高于 v-for 所以是先执行v-if 再执行v-for （如果dom元素不显示的话，就不会走该元素的v-for步骤
阅读全文
摘要：<template> <div> <div ref="msg">{{ message }}</div> <div>{{ message1 }}</div> <button @click="changeMessage">改变message</button> </div> </template> <sc
阅读全文
摘要：#方法一：利用webpack将打包的文件名都带上时间戳 ##在index.html中加入： <meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-st
阅读全文
摘要：#Element UI （饿了么） 中 el-popover 手动关闭 el-popover弹出框 关闭和打开分别用 doClose() 和 doShow() 方法 Element UI文档中没有提到这两个方法 ##一般情况下： <el-popover ref="popoverRef" placem
阅读全文
摘要：#Vue中组件之间传值 props类型及默认值 ##写法： props: { demoString: { type: String, default: '' }, demoNumber: { type: Number, default: 0 }, demoBoolean: { type: Boole
阅读全文
摘要：#实现 sessionStorage 的监听 在main.js中 挂载resetSetStorageEvent（）方法到vue原型链上 两个参数 ： key指的是：sessionStorage中需要监听的键名 newVal指的是：sessionStorage中需要监听的键值 Vue.prototyp
阅读全文
摘要：#vue 初始化项目未完成时 跳转路由延迟问题 页面切换过慢 (路由懒加载引起的问题) 由于项目过大，所以使用了路由懒加载，每次第一次切换路由的时候，都要去加载相应的组件（js文件），需要等文件加载完之后，路由才能切换过去；（非首次切换的路由就没有这个问题） 我碰到的问题是：前提： 项目初始化的时候
阅读全文
摘要：#vue 行间绑定样式的小技巧 ##最简单的 <div :style="{color:"#ff0000",'margin-top':marTop,backgroundColor:conBgColor,'font-size':isFont?'10px':'0px'}">哈哈哈</div> marTop
阅读全文
摘要：```html 正在加载XXX课题组,请稍等…… ``````css ```
阅读全文
摘要：Vue 不能检测这样变动的数组： arr[1]="aaa"; 这样赋值的数据改变是 vue动态数据驱动视图机制 监听不到的 要用splice等 改变原数组等的方法才能被监听到 调用方法：this.$set( this.bendiisshowxiugai, index, true ); target：
阅读全文
摘要：如果是一个元素的话 ： :class="{'all':active_3==0}" 如果是循环出来的话 ，可以利用数组 ，动态改变数组中的某一项的值，并与点击的元素的值进行比对 [0,1,2,3,4,5,6]
阅读全文
摘要：https://www.cnblogs.com/libo0125ok/p/9593741.html
阅读全文
摘要：命令： 在main.js 中引入: 这时候如果在其它的组件中，是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性，就能解决这个问题 在其他组件都可以用： 使用： 下图为vue加载json的配置部分：
阅读全文
摘要：v cloak 1v cloak解决闪烁问题: 当网速很慢的时候，vue将数据渲染到界面中，会出现插值表达式闪烁问题: 如下图可以修改网页速度（调节网速形式）： 解决办法： v text v html v text与v html 和 jquery中的text()与html()方法是一样的作用，都可以
阅读全文
摘要：父传子 子传父 兄弟之间传： vuex 小项目最好别用 实例化一个空对象 利用中间量：子传父，父传子 插槽slot ：作用域插槽 路由传值： 单向数据流： 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从
阅读全文
摘要：如果是没有安装脚手架的直接新建的vue 则在当前文件夹下输入cmd进入命令窗口输入： 如果是安装了脚手架的vue文件 则在当前文件夹下到cmd窗口输入：`cnpm run serve`
阅读全文
摘要：watch ： Watch属性可以监视 data 中指定数据的变化，一旦被监听的数据值发生了改变，就会立即触发watch对应的 function处理函数： 使用watch属性监听路由地址: 入口js文件的vue实例上添加watch属性 监听$route.path，只要地址栏中的url发生了改变，就会
阅读全文
摘要：我在点击这个链接进行路由跳转时需要判断是移动端还是pc端 点击pc端按钮显示： 点击移动端按钮显示：
阅读全文
摘要：我有一个需求 是导航菜单组件nav以插槽的方式分别插入到两个组件home.vue、resume.vue中 在导航菜单上我用jquery添加了鼠标进入、离开事件（事件写在导航菜单组件上对应的js上）， 我用路由切换的方式点击导航菜单上的按钮 ，页面可以在两个不同的组件 home或resume中切换 问
阅读全文
1
