摘要:
sticky简述 sticky 是css定为新增的属性;可以说是相对定位relative和固定定位fixed的结合; 它主要用在对scroll事件的监听上,简单说在滑动过程中,某个元素的距离其父元素的距离达到 sticky 粘性定位 要求时; position:sticky 这时的效果就相对于 fi 阅读全文
摘要:
$attrs 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组 阅读全文
摘要:
Vue中非父子组件之间是如何实现通信的? 本章主要讲的是非父子组件传值,父子组件传值请看上一篇文章。 1、创建新的Vue实例引入项目中,通过$emit、$on来实现非父子组件传值; 2、是否感觉非父子之间传值很神奇,那么如何自己实现$on、$emit、$off,通过写入下面标红代码即可实现非父子组件 阅读全文
摘要:
Vue中组件之间是如何实现通信的? 1、父传子: 父传子父组件通过属性进行传值,子组件通过 props 进行接受; props 接收值的方式有两中:一种是数组另一种是对象; props 通过对象接收还可以定义其他东西,也可以利用这些来实现封装一些组件方便下次使用直接调用就好,下面来看一下: prop 阅读全文
摘要:
先看一个项目中store项目结构: 过去都是通过import分别引入文件: 通过上述引入虽然可以达成效果但是如果有很多文件呢?难道也要一个一个引入?那么如何动态加载modules文件下的所有JS文件呢? 那么这里就会用到webpack文档中的require.context( ) ,来实现前端工程化; 阅读全文
摘要:
大家都知道,Vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。那么如何实现对象属性的深度监听呢? demo: https://run.iviewui.com/oW2 阅读全文
摘要:
demo : https://run.iviewui.com/9OwDCfZE 结果发现数组中的值虽然发生了变化,但是watch中并没有监听到数组的变化,并且DOM也没有发生改变; 3.<!--?xml version="1.0" encoding="UTF-8"?--> 如何解决并让DOM更新? 阅读全文
摘要:
1.初始化项目 a.Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service), 阅读全文