<div id="root"> <child-one></child-one> <child-two></child-two> <button>ch…
标签:vue.js教程
Vue 中的作用域插槽
作用域插槽 <div id="root"> <child></child> </div> Vue.component('child', { data(){ return {…
在 Vue 中是使用插槽
属性传值 先写一段简单的代码 <div id="root"> <child content="<p>Dell</p>"></child> </div>…
Vue 中非父子组件间的传值
总线机制 非父子之间传值,可以采用发布订阅模式,这种模式在 Vue 中被称为总线机制,或者叫做Bus / 发布订阅模式 / 观察者模式 <div id="root"> <child content="D…
Vue 中给组件绑定原生事件
绑定原生事件 <div id="root"> <child @click="handleClick"></child> </div> Vue.component('chil…
Vue 组件参数校验与非props特性
组件的参数校验 组件的参数校验指的是什么呢?你父组件向子组件传递的内容,子组件有权对这个内容进行一些约束,这个约束我们可以把它叫做参数的校验。 <div id="root"> <child conten…
Vue 中父子组件数据传递
父组件 -> 子组件 传递数据 父组件 -> 子组件传递数据,可以通过属性的形式 <div id="root"> <counter :count="0"></counter>…
Vue 中组件使用中的细节点
is标签 如何使用is标签解决渲染中可能会出现的小bug <div id="root"> <table> <tbody> <row></row> <row…
Vue 中的列表渲染
列表渲染 <div id="app"> <div v-for="(item,index) of list" :key="index"> {{item}} ---- {{index}} </d…
Vue 中的样式绑定
class的对象绑定 在开发的过程中,难免会给dom元素添加一些样式,在 Vue 之中我们该如何绑定样式呢? 现在有这样一个想法,div被点击一次,变成红色,当再次被点击时,恢复为默认的颜色, 再点击一次又变成红色,想实…
Vue 中计算属性的 setter 和 getter
计算属性其实是非常强大的,这一节深入的学习下计算属性,先看一段代码: <div id="app"> {{fullName}} </div> let vm = new Vue({ el: '#app…
Vue 中的计算属性,方法,监听器
计算属性 什么是计算属性呢,顾名思义就是计算后的属性,来看一段代码 <div id="app"> {{firstName + ' ' + lastName}} //这里展示出来的就是计算属性 </div…