qq_21987433的博客

1.Vue中使用动态组件 实例：实现使用一个按钮切换2个组件 【1】一般实现方法 <div id="root"> <child-one v-if="type=='child-one'"></child-one> <child-two v-if="type=='child-two'"></child-...

1.简单使用插槽 <div id="app"> <!-- Vue中的插槽 --> <!-- 使用插槽可以更方便的向子组件传递DOM元素 --> <child> <p>Dell</p> <!--定义插槽--> &lt...

1.总线模式 非父子之间传值，可以采用发布订阅模式，这种模式在 Vue 中被称为总线机制，或者叫做Bus/ 发布订阅模式 / 观察者模式 <div id="app"> <!-- 非父子组件间的传值 --> <child content="DELL"></child> <chil...

1.父子组件事件绑定 一般情况下 【1】要点击子组件，则需要在子组件的元素上绑定事件，不能直接在子组件的引用上直接绑定 【2】子组件引用上绑定的事件其实是子组件自定义的事件，且需要由子组件向外发射$emit后，才可写在子组件的引用上，由父组件来接收 <div id="app"> <!-- 父组件接收子组件的自定义事件click --> ...

1.组件参数校验 父组件对子组件进行参数传递，子组件有权对传进来的内容进行约束 <div id="app"> <child :content="hell"></child> <!--父组件传递给子组件 content--> </div> <script> Vue.component('c...

1.is属性的使用，用以解决h5编码规范违背的问题 <div id="app"> <!-- 【1】is属性的使用h5编码规范的问题 -> <table> <tbody> <!--按道理来说，可以直接在tbody里面写<row></r...

1.样式绑定 <div id="app"> <!--1. class的对象绑定方式 对象方式{} --> <!-- activadted 是class名称，isActivated是变量属性 --> <!-- activadted是否显示有变量isActivated来决定 --> ...

1.计算属性，方法和侦听器 <div id="app"> {{fullName}} <!--计算属性--> {{age}} </div> <script> var vm=new Vue({ el:"#app", data:{ ...

1.普通方式 <!-- vue实例的挂载点 vue实例只会处理挂载点里面的内容 --> <div id="app"> <input type="text" v-model="inputValue"> <button @click="handleSubmit">提交</button> ...