摘要：
Home.vue <template> <!-- 通过URL api拿到接送数据并做页面展示 --> <!-- 所有的内容要被根节点包含起来 --> <div id="home"> 首页组件 <button @click="getData()">请求数据</button> <hr> <br> <ul 阅读全文
摘要：
Home.vue <template> <!-- 所有的内容要被根节点包含起来 --> <div id="home"> 首页组件 <button @click="getData()">请求数据</button> <hr> <br> <ul> <li v-for="item in list"> {{i 阅读全文
摘要：
Home组件加载 Header和Lify组件 Header.vue <template> <div> <h2 class="header">这是一个头部组件</h2> </div> </template> <script> export default { data(){ return{ msg:' 阅读全文
摘要：
Home.vue 和News.vue都挂在Header.vue Header.vue <template> <div id="header"> <h2 class="header">这是一个头部组件</h2> </div> </template> <script> export default { 阅读全文
摘要：
<template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <hr> <br> <h2>进行中</h2> <ul> <li v-for="(item,key) in list" v-i 阅读全文
摘要：
<template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <hr> <br> <h2>进行中</h2> <ul> <li v-for="(item,key) in list" v-i 阅读全文
摘要：
<template> <!-- 键入事件，点击绑定事件，数据判断及删除事件 --> <div id="app"> <!--向文本框输入的值，存入list中 --> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> < 阅读全文
摘要：
<template> <!-- 点击事件调用自定义方法 --> <div id="app"> <input type="text" v-model='todo' /> <button @click="doAdd()">+增加</button> <br> <hr> <br> <ul> <li v-fo 阅读全文
摘要：
<template> <!-- vue的事件调用自定义方法 --> <div id="app"> <!-- <img v-bind:src='url' /> <img :src='url' /> --> {{msg}} <br> <br> <br> <button v-on:click="run1( 阅读全文
摘要：
<template> <!-- 本文件用于学习vue双向绑定 --> <div id="app"> <h2>{{msg}}</h2> <input type="text" v-model='msg' /> <button v-on:click="getMsg()">获取表单里面的数据get</but 阅读全文