首页 > TAG信息列表 > newTodoText
在组件上使用 v-for
在自定义组件上，你可以像在任何普通元素上一样使用 v-for： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=&quovue：v-on:submit.prevent
<div id=“todo-list-example”> <form v-on:submit.prevent=“addNewTodo”> <label for=“new-todo”>Add a todo <input v-model=“newTodoText” id=“new-todo” placeholder=“E.g. Feed the cat”> <input type=“submit” value=“Send Request”> <vue-bus组件之间的通信使用方法
安装 npm install vue-bus 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装 vue-bus： import Vue from 'vue';import VueBus from 'vue-bus';Vue.use(VueBus); 使用监听事件 // header组件<template> <div> <div>{{ addTodo }}，你32Vue - 列表渲染（组件 和 v-for）
在自定义组件里，你可以像任何普通元素一样用 v-for 。 <my-component v-for="item in items"></my-component> 然而他不能自动传递数据到组件里，因为组件有自己独立的作用域。为了传递迭代数据到组件里，我们要用 props ： HTML： <my-component v-for="(item, index) in items"