Vue动态组件与v-once指令 JS

Vue动态组件与v-once指令

有的时候,在不同组件之间进行动态切换是非常有用的,比如在一个多标签的界面里,点击组件A显示组件A的内容,点击组件B显示组件B的内容,要怎么来做呢? 动态组件 先看一下基础的写法: ...
阅读全文
Vue中使用插槽(二) JS

Vue中使用插槽(二)

  上篇文章写到了基础插槽,默认文字以及具名插槽,本文来说一下作用域插槽,有时让插槽内容能够访问子组件中才有的数据是很有用的。 作用域插槽 设想一个带有如下模板的chil...
阅读全文
Vue中使用插槽(一) JS

Vue中使用插槽(一)

Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将slot元素作为承载分发内容的出口。那么具体要怎么用呢? 不使用slo...
阅读全文
Vue非父子组件间传值 JS

Vue非父子组件间传值

组件通信有三种情况,父组件向子组件传值,子组件向父组件传值,这两种我们称为父子组件通信,还有一种就是非父子组件通信。 非父子组件通信 在简单的场景下,我们可以使用一个空的Vue实例...
阅读全文
Vue组件绑定原生事件 JS

Vue组件绑定原生事件

vue组件绑定原生事件?正常情况下我们想给一个组件绑定事件需要这样来写,首先需要通过$emit向上触发事件,然后监听事件,最后才会执行方法函数,比如下面这样的: <div i...
阅读全文
Vue中父子组件传值 JS

Vue中父子组件传值

父组件向子组件传递数据可以通过props接收然后去处理,子组件向父组件传递数据可以通过$emit事件触发的形式传递。 父组件向子组件传递数据 <div id="root"&g...
阅读全文
Vue组件使用中的细节点 JS

Vue组件使用中的细节点

细节点是什么?指一些平时可能没有太注意,但是用处很大的小地方,毕竟千里之堤毁于蚁穴。 使用is 有时候我们会遇到子组件填充表格数据的情况,这个时候我们需要先定义全局组件(row),...
阅读全文
二十四节气之惊蛰 生活

二十四节气之惊蛰

2019/3/6,节气惊蛰 惊蛰,24节气中第3个节气 前一节气:雨水,后一节气:春分 气候特点: 雨水渐多,乍寒乍暖 物候: 惊鸷之日桃始华,又五日仓庚鸣,又五日鹰化为鸠。 物候...
阅读全文
Vue中的set方法 JS

Vue中的set方法

在修改数组或对象的值时,除了上篇文章《Vue中的列表渲染》讲到的方法其实还有一种,那就是vue提供给我们的set方法,通过set方法我们可以实现数据发生变化页面随之改变的效果。 对...
阅读全文