![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
浅仓南
这个作者很懒,什么都没留下…
展开
-
vue scoped 原理
vue scoped 原理原创 2022-03-10 09:30:29 · 819 阅读 · 0 评论 -
异步回调Promise
问题六 promise使用:const promise = new Promise((resolve,reject) => { //...做一些异步操作 if(success) { resolve(value) } else { reject(value) } })promise.then 方法(当异步操作...原创 2019-12-12 17:34:57 · 561 阅读 · 0 评论 -
vue数据双向绑定
Vue2.0数据双向绑定的方法Vue主要特点三方面 响应式 模板 组件声明Vue3.0在这三方面都做了改进。响应式Vue2.X 的响应式是基于Object.defineProperty实现的代理兼容性:兼容主流浏览器和ie9以上的ie浏览器监听数据:能够监听数据对象的变化,但是监听不到对象属性的增删、数组元素和长度的变化同时会在vue初始化的时候把所有的[Observe...原创 2019-12-11 11:09:34 · 342 阅读 · 0 评论 -
Vue之this.$set Vue.set
列表渲染,对数组的操作(增删改查)有三种方式可以实现页面即时更新:1.利用数组的变异方法(pop,push,shift,unshift,sort,reverse,splice) 2.改变数组的引用地址 3.通过使用全局变量Vue.set(数组名,属性,属性值)对对象的操作,两种方式实现页面更新:1.改变对象的引用地址 2.通过使用Vue.set或者vue.$set方法。注意:通过数组下标更...原创 2019-12-11 09:41:01 · 356 阅读 · 0 评论 -
Vue移动端适配
讨论remrem是相对于HTML元素的font-size的。根元素font-size为屏幕的某个比例。全部使用rem的缺点,除法导致的小数缺省问题,视觉上有几像素的偏差。设计图 如果是750px,font-size设为100px,那么px:rem=100:1,rem = px/100。设备宽为7.5rem。在宽为非750px的设备中,JS对font-size做动态计算:font-size ...原创 2019-11-27 19:20:30 · 141 阅读 · 0 评论 -
Vue组件传值
1、Vue父向子组件传值propsProp是在组件上注册的一些自定义特性。当一个值传递给一个prop特性的时候,它就变成了那个组件实例的一个属性。动态传值Props流程:1 首先应知道自己创建的组件里面是什么标签之类的。应用到哪个地方?具体模板应该是什么样子的?例如简单的模板 <div>{{title}}</div>; 2 声明组件上的props; 3 实例...原创 2019-11-20 16:48:47 · 140 阅读 · 0 评论 -
Vue 中watch使用和computed的区别
对象属性的watch使用方法global: { deep: true, //引用类型变量存的是地址,地址不变,不会触发watch。深度监听,添加属性deep immediate: true, handler (val) { if (val && Object.keys(val).length > 0) { ...原创 2019-11-15 16:26:05 · 250 阅读 · 0 评论 -
Vue混入mixins
混入 (mixins) 是一种分发 Vue 组件中可复用功能的方式。理解:mixins就是定义一个对象包含公共的方法或者数据,计算属性等,然后混入到多个组件中使用,方便管理与统一修改。使用方法:创建一个要混入的对象 common.jsexport const common={ methods:{ sayHello:()=>{ consol...原创 2019-11-15 15:40:51 · 237 阅读 · 0 评论 -
Vue生命周期和beforeRouteEnter理解
1、beforeRouteEnter(to,from,next)beforeRouteEnter 函数内部 this 是undefined,这是因为在执行路由钩子函数beforRouteEnter时候,组件还没有被创建出来;先执行beforRouteEnter,再执行组件周期钩子函数beforeCreate。我们可以通过 next 获取组件的实例对象,如:next( (vm)=>{} )...原创 2019-11-15 15:13:53 · 34970 阅读 · 0 评论 -
Vue组件中is属性和ref属性的应用
1、is属性解决渲染中的一些小bug。举个栗子:<div id="root"> <table> <tbody> <tr><td>1</td></tr> <tr><td>2</td></tr> </tbody&...原创 2019-11-15 14:28:15 · 501 阅读 · 0 评论 -
vue v-loading指令
<template> .course-wrapper(v-loading='Object.keys(resource).length <= 0')</template>v-loading的作用:在请求到数据之前,显示加载中的效果,当请求到数据之后加载效果消失。(如果)v-loading写在template的顶层元素上,不会触发全局loading。...原创 2019-11-14 20:10:44 · 3581 阅读 · 0 评论