-
Vue.js 组件
日期：2019-05-04 15:14:35 点击：6351 好评：7组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可...
-
具名插槽
日期：2019-05-04 14:03:36 点击：8283 好评：1有时我们需要多个插槽。例如，假定我们有一个 app-layout 组件： div class=container header slot name=header/slot /header main slot/slot /main footer slot name=footer/slot /footer/div slot 元素有一个特殊的特性：...
-
单个插槽
日期：2019-05-04 14:01:48 点击：2967 好评：1假定 my-component 组件有如下模板： div h2我是子组件的标题/h2 slot 只有在没有要分发的内容时才会显示。 /slot/div 父组件模板 div h1我是父组件的标题/h1 my-component p这是一些初始内容/p p这是...
-
slot 插槽
日期：2019-05-04 14:01:01 点击：4128 好评：3在使用组件时，我们常常要像这样组合它们： app app-header/app-header app-footer/app-footer/app...
-
子组件与父组件通信
日期：2019-05-04 13:59:27 点击：7796 好评：1p>我们知道，父组件使用 prop 传递数据给子组件。但子组件怎么跟父组件通信呢？这个时候 Vue 的自定义事件系统就派得上用场了。 每个 Vue 实例都实现了事件接口，即： 使用 $on(eventN...
-
验证
日期：2019-05-04 13:58:34 点击：8497 好评：3p>们可以为组件的 prop 指定验证规则。如果传入的数据不符合要求，Vue 会发出警告。这对于开发给他人使用的组件非常有用。 Vue.component(example, { props: { // 基础类型检测 (null 指允许任何...
-
单向数据流
日期：2019-05-04 13:57:00 点击：6616 好评：1Prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是反过来不会另外，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着你不应该在子组件内部改变...
-
动态 Prop
日期：2019-05-04 13:54:58 点击：7068 好评：1你也知道 prop 可以通过 v-bind 动态赋值 div input v-model=parentMsg br child :my-message=parentMsg/child/div 如果你想把一个对象的所有属性作为 prop 进行传递，可以使用不带任何参数的 v-bind todo: { te...
-
组件传参
日期：2019-05-04 13:53:40 点击：8539 好评：3当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。 child message=hello!/childVue.component(child, { // 声明 props props: [message], // 就像 data 一样，prop 也可以在模板中使用...
-
组件data
日期：2019-05-04 13:50:04 点击：5916 好评：2data 必须是一个函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝： var counter = { template:`button @click=num++{{num}}/button`, data:function(){return {num...