随笔分类 -  vue

上一页 1 2
vue_表单 input 的绑定
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>07_ form 表单的自动数据收集</title> <link rel="stylesheet" type="text/css" href="./css/in 阅读全文
posted @ 2019-02-15 16:28 耶梦加德 阅读(4648) 评论(0) 推荐(0)
vue_事件绑定 v-on _事件修饰符
摘要：事件绑定 v-on 传参的同时，接收事件对象 <button @click="test('111', $evnt)">哈哈</button> 事件修饰符 阻止事件的默认行为 <a href="www.baidu.com" @click.prevent="jumpFunc">百度</a> 停止事件冒泡 阅读全文
posted @ 2019-02-15 15:51 耶梦加德 阅读(223) 评论(0) 推荐(0)
vue_小项目_模糊搜索(列表过滤)_结果排序
摘要：html <div id="test"> <label> <input type="text" v-model="searchWord" placeholder="搜索一下"/> </label> <button type="button" @click="orderType=1">原来排序</bu 阅读全文
posted @ 2019-02-15 15:21 耶梦加德 阅读(1028) 评论(0) 推荐(0)
vue_条件渲染_v-if_v-else_v-show
摘要：data: { ok: true flag: false } 1. 成对出现的 v-if 和 v-else 原理是： 标签的删除与重新创建 ，有些情况必须用 v-if <p v-if="ok">表白成功<p> <p v-else>表白失败<p> 2. v-show 原理是： 操作 display: 阅读全文
posted @ 2019-02-15 14:13 耶梦加德 阅读(2186) 评论(0) 推荐(0)
vue_class 绑定_style 绑定
摘要：1. class 绑定 data: { myClass: "bClass", hasA: true, hasB: false } 字符串模式： 类名不确定 <p class="aClass" :class="myClass">该标签将有一个静态 aClass 和 一个动态 bClass</p> 对象 阅读全文
posted @ 2019-02-15 14:06 耶梦加德 阅读(133) 评论(0) 推荐(0)
vue_简介_渐进式 js 框架_内置指令_自定义指令_自定义插件
摘要：vue 尤雨溪 华裔 Google 工程师 遵循 MVVM 模式 编码简洁，体积小，运行效率高，适合 移动 / PC 端 开发 动态构建用户界面： 异步获取后台数据，展现到页面 渐进式 js 框架 渐进式： 核心库开始项目，需求引入插件 发展 借鉴了 angular 的 模板语法 和 数据绑定技术 阅读全文
posted @ 2019-02-14 21:05 耶梦加德 阅读(257) 评论(0) 推荐(0)
vue 项目界面绘制_stylus_iconfont_swiper
摘要：stylus 兼容 less 的大部分语法 <link rel="stylesheet" href="stylus/index.css"> less 语法 省略 {} 缩进 分割语法块 分号 , 冒号 可以省略 变量使用方式： 不识别 @height: 40px，而是 $height=40px 父级 阅读全文
posted @ 2019-02-12 09:40 耶梦加德 阅读(481) 评论(0) 推荐(0)

上一页 1 2