摘要: 一、什么是Vue 官方文档:https://cn.vuejs.org/v2/guide/ 关键字: 渐进式框架 自底向上增量开发 视图层 单文件组件 复杂的单页应用 复杂的单页应用: 顾名思义,单页应用一般指的就是一个页面就是应用,当然也可以是一个子应用,比如说知乎的一个页面就可以视为一个子应用。单 阅读全文
posted @ 2020-10-24 19:50 杨芋可可 阅读(294) 评论(0) 推荐(1) 编辑
摘要: 认真学习,认真记录,每天都要有进步呀!!! 加油叭!!! 一、在vue中使用样式的方式: 1. 直接传递一个数组,注意: 这里的 class 需要使用 v-bind 做数据绑定 <style> .red { color: red; } .thin { font-weight: 200; } .ita 阅读全文
posted @ 2020-10-24 19:43 杨芋可可 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 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 杨芋可可 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 一、渲染品牌列表 <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 杨芋可可 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 一、什么是过滤器 官方文档: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 杨芋可可 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 案例实现分析: 把第一个字符追加到最后一个字符身上去 基本结构: <body> <div id="app"> <input type="button" value="继续浪" @click="lang()"/> <input type="button" value="别浪了" @click="sto 阅读全文
posted @ 2020-10-24 19:33 杨芋可可 阅读(133) 评论(0) 推荐(0) 编辑
摘要: Vue 中提供了 v-on: 事件绑定机制 绑定的事件处理函数必须定义到vm实例的事件处理函数 methods 中去 <div id="app"> <!-- <input type="button" value="点我,魅力可大了呢" id="btn"/> --> <input type="butt 阅读全文
posted @ 2020-10-24 19:31 杨芋可可 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 看栗子: <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 杨芋可可 阅读(444) 评论(0) 推荐(0) 编辑