摘要：
一、递归组件 组件在它的模板内，可以递归的调用自己，只要给组件设置name的选项就可以 <div id="app"> <child-component :count="1"></child-component> </div> <script type="text/javascript"> Vue.c 阅读全文
posted @ 2021-03-17 18:24
流氓兔讲文化
阅读(123)
评论(0)
推荐(0)
摘要：
当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到sloat,这个过程叫做内容分发。 props传递数据，events触发事件，sloat分发内容，就构成了vue组件的3个API来源。 一、slot的用法 单个slot 在子组件内使用特殊的<slot>元素就可以为这个子组件开启一个sl 阅读全文
posted @ 2021-03-17 17:56
流氓兔讲文化
阅读(340)
评论(0)
推荐(0)
摘要：
组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。 一、自定义事件——当子组件向父组件传递数据时，就要用到自定义事件 子组件用$emit()来触发事件，父组件用$on()来监听子组件事件 <div id="app"> <p>总数{{totalCount}}</p> <my-component 阅读全文
posted @ 2021-03-17 15:39
流氓兔讲文化
阅读(104)
评论(0)
推荐(0)
摘要：
组件是Vue最核心的功能。 使用props传递数据——父组件向子组件传值 基本用法 props的值可以是两种，一种是字符串数组，一种是对象 数组 <div id="app"> <my-component message="来自父组件的值"></my-component> </div> <script 阅读全文
posted @ 2021-03-17 12:00
流氓兔讲文化
阅读(123)
评论(0)
推荐(0)
摘要：
前言：表单控件承载了一个网页数据的录入与交互。 下面介绍如何使用指令v-model完成表单的数据双向绑定。 一、基本用法——v-model <div id="app"> <input type="text" v-model="message" placeholder="请输入"/> <h1>{{ m 阅读全文
posted @ 2021-03-17 09:42
流氓兔讲文化
阅读(106)
评论(0)
推荐(0)
摘要：
前言： Vue的核心是数据与视图的双向绑定，当我名修改数组时，vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。 Vue包含了一组观察数组变异的方法，使用它们改变数组也会触发视图更新： push()、pop()、shift()、unshift()、splice()、sort()、rev 阅读全文
posted @ 2021-03-17 00:42
流氓兔讲文化
阅读(577)
评论(0)
推荐(0)
浙公网安备 33010602011771号