2022年9月5日
Vue-计算属性
摘要： 计算属性 把computed中的方法当做属性使用,会返回一个数据供使用 <div id="app"> <p>{{msg}}</p> <p>方法获取的年龄:{{getAge()}}</p> <p>计算属性获取的年龄:{{getAge_computed}}</p> <button @click="cha 阅读全文
posted @ 2022-09-05 23:24 前端小白银 阅读(22) 评论(0) 推荐(0)
Vue-过滤器
摘要： 过滤器 filter主要用于数据展示之前的处理 过滤器只能用在v-bind或者插值表达式中 <body> <div id="app"> <h2>{{data1}}</h2> <input v-model="data2"> <p>{{fn(data2)}}</p> <p>{{data2|fn2}}</ 阅读全文
posted @ 2022-09-05 23:20 前端小白银 阅读(14) 评论(0) 推荐(0)
Vue-双向数据绑定
摘要： 双向数据绑定的源代码 <body> <div id="app"> <p>{{data1}}</p> <input name="" id="" :value="data1" @input="fn"> </div> </body> <script> new Vue({ el:"#app", data:{ 阅读全文
posted @ 2022-09-05 23:17 前端小白银 阅读(29) 评论(0) 推荐(0)
Vue-响应式数据
摘要： 响应式数据 所谓的响应式数据就是如果内存中的数据变化了 页面UI也会动态跟着刷新 这种数据就是响应式数据 Vue实现响应数据的原理 vue2.0 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消 阅读全文
posted @ 2022-09-05 23:06 前端小白银 阅读(100) 评论(0) 推荐(0)
2022年8月31日
面试题-什么叫优雅降级和渐进增强？
摘要： 优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不 支持 CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而 低级浏览器 只 保证最基本的功能。关键的区别 是他们所侧重的内容，以及这种不同 造成的工作流程的差异 优雅降级：一开始就构建完整的功 阅读全文
posted @ 2022-08-31 00:32 前端小白银 阅读(12) 评论(0) 推荐(0)
Vue-循环渲染
摘要： 循环渲染 循环渲染使用的是v-for <body> <div id="app"> <div v-for="item in arr">{{item}}</div> <div v-for="item in arr2">{{item.time}}</div> <div v-for="item in arr 阅读全文
posted @ 2022-08-31 00:28 前端小白银 阅读(61) 评论(0) 推荐(0)
Vue-条件渲染
摘要： 条件渲染 条件渲染的属性有两个： 1.v-if/v-else v-if的方法是删除元素 <body> <div id="app"> <div v-if="flag">上课</div> <div v-if="n">下课</div> <button @click="fn">切换</button> </d 阅读全文
posted @ 2022-08-31 00:25 前端小白银 阅读(28) 评论(0) 推荐(0)
Vue-样式绑定
摘要： 1.对class属性进行绑定 <style> .app { width: 200px; height: 200px; background-color: purple; } .app1 { width: 100px; height: 100px; background-color: aqua; } 阅读全文
posted @ 2022-08-31 00:18 前端小白银 阅读(110) 评论(0) 推荐(0)
Vue-方法和事件的绑定
摘要： 方法 方法通常指的函数，在Vue框架中一般方法都是写在methods中，供事件或者别的方法调用，方法的写法是不限于es5，es6语法的函数形式也是可以的，其中除了箭头函数外其他形式函数的this都是指的vm对象（也就是new Vue（））。 事件的绑定 事件的绑定有两种方式： 1.v-on <but 阅读全文
posted @ 2022-08-31 00:14 前端小白银 阅读(124) 评论(0) 推荐(0)
2022年8月29日
Vue面试题之如何解决vue第一次加载的时候 页面上使用的数据会闪烁?
摘要： 引起数据闪烁的原因：界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下，vue对象生成data数据时候 回去刷新界面把{{msg+"666"}}字符串替换成结果字符串，导致界面第一次加载的时候会闪屏。 解决方案:使用v-html,v-text指令操作,或者c 阅读全文
posted @ 2022-08-29 22:54 前端小白银 阅读(57) 评论(0) 推荐(0)