杨芋可可

2020年10月28日

摘要：一、使用vue-resource发起get请求 github仓库地址：https://github.com/pagekit/vue-resource/blob/develop/docs/http.md <body> <div id="app"> <input type="button" value= 阅读全文

posted @ 2020-10-28 22:13 杨芋可可阅读(191) 评论(0) 推荐(0)

vue学习笔记（二） ---- vue实例的生命周期

摘要： vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数： beforeCreate( 阅读全文

posted @ 2020-10-28 22:12 杨芋可可阅读(115) 评论(0) 推荐(0)

2020年10月24日

vue学习笔记（一） ---- vue指令（总体大纲）

摘要：一、什么是Vue 官方文档：https://cn.vuejs.org/v2/guide/ 关键字：渐进式框架自底向上增量开发视图层单文件组件复杂的单页应用复杂的单页应用: 顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用。单阅读全文

posted @ 2020-10-24 19:50 杨芋可可阅读(323) 评论(0) 推荐(1)

vue学习笔记（一）---- vue指令（在vue中使用样式的方式）

摘要：认真学习，认真记录，每天都要有进步呀！！！加油叭！！！一、在vue中使用样式的方式: 1. 直接传递一个数组，注意：这里的 class 需要使用 v-bind 做数据绑定 <style> .red { color: red; } .thin { font-weight: 200; } .ita 阅读全文

posted @ 2020-10-24 19:43 杨芋可可阅读(159) 评论(0) 推荐(0)

vue学习笔记（一） ---- vue指令（v-for 和 key 属性）

摘要： vue指令之v-for和key属性一、 v-for 1. v-for遍历数组 <div id="app"> <h3>好饿，我好想吃~~~~</h3> <ul v-for="menu in list"> <li>{{menu}}</li> </ul> </div> <script> var vm = 阅读全文

posted @ 2020-10-24 19:41 杨芋可可阅读(177) 评论(0) 推荐(0)

vue学习笔记（一） ----- vue指令（菜单列表案例）

摘要：一、渲染品牌列表 <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> <div class="panel-body 阅读全文

posted @ 2020-10-24 19:39 杨芋可可阅读(299) 评论(0) 推荐(0)

vue学习笔记（一） ---- vue指令（过滤器）

摘要：一、什么是过滤器官方文档：https://cn.vuejs.org/v2/guide/filters.html 二、过滤器的使用没有使用过滤器之前： <div id="app"> <table> <thead> <tr> <th>排名</th> <th>菜名</th> </tr> </thead 阅读全文

posted @ 2020-10-24 19:36 杨芋可可阅读(162) 评论(0) 推荐(0)

vue学习笔记（一）---- vue指令（浪起来~~~哦耶的案例）

摘要：案例实现分析: 把第一个字符追加到最后一个字符身上去基本结构: <body> <div id="app"> <input type="button" value="继续浪" @click="lang()"/> <input type="button" value="别浪了" @click="sto 阅读全文

posted @ 2020-10-24 19:33 杨芋可可阅读(141) 评论(0) 推荐(0)

vue学习笔记（一）---- vue指令（ v-on 事件绑定）

摘要： Vue 中提供了 v-on: 事件绑定机制绑定的事件处理函数必须定义到vm实例的事件处理函数 methods 中去 <div id="app">  <input type="butt 阅读全文

posted @ 2020-10-24 19:31 杨芋可可阅读(181) 评论(0) 推荐(0)

vue学习笔记（一）---- vue指令（ v-bind 属性绑定）

摘要：看栗子： <body> <div id="app"> <input type="button" value="按钮" title="哈喽~~~~这不是我的title"/> </div> <script src="./vue2.6.10.min.js"></script> <script> var v 阅读全文

posted @ 2020-10-24 19:27 杨芋可可阅读(469) 评论(0) 推荐(0)

公告