weixin_40741265的博客

vue scoped 原理

问题六 promise使用：const promise = new Promise((resolve,reject) => { //...做一些异步操作 if(success) { resolve(value) } else { reject(value) } })promise.then 方法（当异步操作...

Vue2.0数据双向绑定的方法Vue主要特点三方面 响应式 模板 组件声明Vue3.0在这三方面都做了改进。响应式Vue2.X 的响应式是基于Object.defineProperty实现的代理兼容性：兼容主流浏览器和ie9以上的ie浏览器监听数据：能够监听数据对象的变化，但是监听不到对象属性的增删、数组元素和长度的变化同时会在vue初始化的时候把所有的[Observe...

列表渲染，对数组的操作（增删改查）有三种方式可以实现页面即时更新：1.利用数组的变异方法（pop,push,shift,unshift,sort,reverse,splice） 2.改变数组的引用地址 3.通过使用全局变量Vue.set（数组名，属性，属性值）对对象的操作，两种方式实现页面更新：1.改变对象的引用地址 2.通过使用Vue.set或者vue.$set方法。注意：通过数组下标更...

讨论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 ...

1、Vue父向子组件传值propsProp是在组件上注册的一些自定义特性。当一个值传递给一个prop特性的时候，它就变成了那个组件实例的一个属性。动态传值Props流程：1 首先应知道自己创建的组件里面是什么标签之类的。应用到哪个地方？具体模板应该是什么样子的？例如简单的模板 <div>{{title}}</div>； 2 声明组件上的props； 3 实例...

对象属性的watch使用方法global: { deep: true, //引用类型变量存的是地址，地址不变，不会触发watch。深度监听，添加属性deep immediate: true, handler (val) { if (val && Object.keys(val).length > 0) { ...

混入 (mixins) 是一种分发 Vue 组件中可复用功能的方式。理解：mixins就是定义一个对象包含公共的方法或者数据，计算属性等，然后混入到多个组件中使用,方便管理与统一修改。使用方法：创建一个要混入的对象 common.jsexport const common={ methods:{ sayHello:()=>{ consol...

1、beforeRouteEnter(to,from,next)beforeRouteEnter 函数内部 this 是undefined，这是因为在执行路由钩子函数beforRouteEnter时候，组件还没有被创建出来；先执行beforRouteEnter，再执行组件周期钩子函数beforeCreate。我们可以通过 next 获取组件的实例对象，如：next( (vm)=>{} )...

1、is属性解决渲染中的一些小bug。举个栗子：<div id="root"> <table> <tbody> <tr><td>1</td></tr> <tr><td>2</td></tr> </tbody&...

<template> .course-wrapper(v-loading='Object.keys(resource).length <= 0')</template>v-loading的作用：在请求到数据之前，显示加载中的效果，当请求到数据之后加载效果消失。（如果）v-loading写在template的顶层元素上，不会触发全局loading。...