Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将slot元素作为承载分发内容的出口。那么具体要怎么用呢？ 不使用slo...
JavaScript
JavaScript
JavaScript
Vue非父子组件间传值
组件通信有三种情况，父组件向子组件传值，子组件向父组件传值，这两种我们称为父子组件通信，还有一种就是非父子组件通信。 非父子组件通信 在简单的场景下，我们可以使用一个空的Vue实例...
JavaScript
Vue组件绑定原生事件
vue组件绑定原生事件？正常情况下我们想给一个组件绑定事件需要这样来写，首先需要通过$emit向上触发事件，然后监听事件，最后才会执行方法函数，比如下面这样的： <div i...
JavaScript
Vue组件参数校验与非Props特性
组件参数校验指的是父组件向子组件进行参数传递，子组件有权对这个参数进行一些约束，我们一起来看一下实例 组件参数校验 <div id="root"> &l...
JavaScript
Vue中父子组件传值
父组件向子组件传递数据可以通过props接收然后去处理，子组件向父组件传递数据可以通过$emit事件触发的形式传递。 父组件向子组件传递数据 <div id="root"&g...
JavaScript
Vue组件使用中的细节点
细节点是什么？指一些平时可能没有太注意，但是用处很大的小地方，毕竟千里之堤毁于蚁穴。 使用is 有时候我们会遇到子组件填充表格数据的情况，这个时候我们需要先定义全局组件（row），...
JavaScript
Vue中的set方法
在修改数组或对象的值时，除了上篇文章《Vue中的列表渲染》讲到的方法其实还有一种，那就是vue提供给我们的set方法，通过set方法我们可以实现数据发生变化页面随之改变的效果。 对...
JavaScript
Vue中的列表渲染
本来计划是不中断的持续输出内容，这样有一个好处，就是自己有在思考，专注的去干一件事情，久而久之会养成一种习惯，形成一种正反馈。 sigh，计划赶不上变化，期间过年走亲戚+学车耽搁了...
JavaScript
Vue中的条件渲染
vue中的条件渲染是怎么用的？都有哪些指令呢？在vue中条件渲染都有哪些机制，以及可以达到同样需求的语法有哪些区别呢？ v-if 与v-show <div id="app"&...
JavaScript
Vue中的样式绑定
在开发的过程中我们需要对一些dom元素添加一些样式，那么在vue中我们要如何给dom绑定样式呢？我们先通过一个实例来了解一下，本文通过三种方法来实现： 效果图： class的对象绑...
JavaScript
Vue中计算属性的setter和getter
通过前面的文章：初识Vue中计算属性，方法以及侦听器 我们可以发现计算属性的强大，本篇文章带我们一起来深入了解一下计算属性的setter和getter，我们先来看一个基础的vue...
JavaScript
初识Vue中计算属性，方法以及侦听器
计算属性，方法以及侦听器的使用在vue中非常重要，我们一起来学习一下吧。 computed（计算属性） 我们先来看一下computed（计算属性）的一个实例： <div id...
JavaScript
Vue模板语法
vue有很多模板语法，本文来说一下其中的几个： 插值表达式 v-text v-html 代码 <div id="app"> <div>{{name}...
JavaScript
初识Vue实例的生命周期钩子
学习vue的过程中，有一个重要的知识点，那就是生命周期钩子，vue官方提供了一张生命周期的图示，通过这张图示我们可以很容易的学会生命周期函数。 那么什么是生命周期函数呢？生命周期函...
JavaScript
Vue之组件间的传值
上一篇文章中的实例用到了子组件向父组件传值的方法，这篇文章通过todolist的实例来说一下子组件向父组件传值和父组件向子组件传值的方法，以及最终实现点击todolist添加的内容...