2021 年 4月 7 日随笔档案 - flytoyou

摘要： Home.vue <template>   <div id="home"> 首页组件 <button @click="getData()">请求数据</button> <hr> <br> <ul 阅读全文

posted @ 2021-04-07 10:51 flytoyou 阅读(115) 评论(0) 推荐(0)

第十二课通过URL api拿到接送数据并做页面展示

摘要： Home.vue <template>  <div id="home"> 首页组件 <button @click="getData()">请求数据</button> <hr> <br> <ul> <li v-for="item in list"> {{i 阅读全文

posted @ 2021-04-07 10:46 flytoyou 阅读(97) 评论(0) 推荐(0)

第十一课生命周期函数/生命周期钩子

摘要： Home组件加载 Header和Lify组件 Header.vue <template> <div> <h2 class="header">这是一个头部组件</h2> </div> </template> <script> export default { data(){ return{ msg:' 阅读全文

posted @ 2021-04-07 10:40 flytoyou 阅读(81) 评论(0) 推荐(0)

第十课本文件内容：组件的引入、挂载与使用

摘要： Home.vue 和News.vue都挂在Header.vue Header.vue <template> <div id="header"> <h2 class="header">这是一个头部组件</h2> </div> </template> <script> export default { 阅读全文

posted @ 2021-04-07 10:28 flytoyou 阅读(141) 评论(0) 推荐(0)

第九课代码封装localstorage

摘要： <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 阅读全文

posted @ 2021-04-07 10:17 flytoyou 阅读(67) 评论(0) 推荐(0)

第八课没有封装localstorage

摘要： <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 阅读全文

posted @ 2021-04-07 10:14 flytoyou 阅读(59) 评论(0) 推荐(0)

第七课键入事件，点击绑定事件，数据判断及删除事件

摘要： <template>  <div id="app">  <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> < 阅读全文

posted @ 2021-04-07 10:07 flytoyou 阅读(126) 评论(0) 推荐(0)

第六课点击事件调用自定义方法

摘要： <template>  <div id="app"> <input type="text" v-model='todo' /> <button @click="doAdd()">+增加</button> <br> <hr> <br> <ul> <li v-fo 阅读全文

posted @ 2021-04-07 10:06 flytoyou 阅读(120) 评论(0) 推荐(0)

第五课 vue的事件调用自定义方法

摘要： <template>  <div id="app">  {{msg}} <br> <br> <br> <button v-on:click="run1( 阅读全文

posted @ 2021-04-07 10:04 flytoyou 阅读(868) 评论(0) 推荐(0)

第四课本文件用于学习vue双向绑定

摘要： <template>  <div id="app"> <h2>{{msg}}</h2> <input type="text" v-model='msg' /> <button v-on:click="getMsg()">获取表单里面的数据get</but 阅读全文

posted @ 2021-04-07 10:03 flytoyou 阅读(56) 评论(0) 推荐(0)

第三课本代码用于学习vue根组件数据的各种绑定

摘要： <template>  <div id="app"> <h2>{{msg}}</h2> <br> <div v-bind:title="title">鼠标瞄上去看一下</div> <img src="https://www.itying.co 阅读全文

posted @ 2021-04-07 10:02 flytoyou 阅读(77) 评论(0) 推荐(0)

第二课本文件用于学习vue根组件的各个代码部分的含义

摘要：根组件App.vue <template>     <d 阅读全文

posted @ 2021-04-07 10:01 flytoyou 阅读(64) 评论(0) 推荐(0)

第一课 vue介绍以及环境搭建

摘要：前端技术薪资介绍 Html5+Css3+Jquery PC端移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Nodejs 13+ 混合app开发 Ionic ReactNative 15k+ 基础都是免费项目实战赞助 Angular5 https://www.it 阅读全文

posted @ 2021-04-07 09:34 flytoyou 阅读(75) 评论(0) 推荐(0)

flytoyou

公告