人生与戏

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2019年9月23日

摘要: 1. 全局组件创建 效果图: 1、创建新组件, 2. 实例化对象, 3.调用组件 代码: 2. 局部组件创建 代码: 阅读全文
posted @ 2019-09-23 23:09 人生与戏 阅读(162) 评论(0) 推荐(0) 编辑

摘要: 1. v-model指令 : 双向数据绑定 效果图: 代码: 提交表单信息效果图: 代码: 阅读全文
posted @ 2019-09-23 22:17 人生与戏 阅读(215) 评论(0) 推荐(0) 编辑

摘要: click 单击; dblclick 双击 ; $event : 原始DOM事件 效果图: 代码: 阅读全文
posted @ 2019-09-23 21:35 人生与戏 阅读(177) 评论(0) 推荐(0) 编辑

摘要: 效果图: 此处错误原因 中文输入法的 逗号 导致 ; 解决方案: 改为 英文输入法的 逗号 阅读全文
posted @ 2019-09-23 20:40 人生与戏 阅读(4126) 评论(0) 推荐(0) 编辑

摘要: 效果图: 图一: 图二: 图三: 代码: 阅读全文
posted @ 2019-09-23 20:14 人生与戏 阅读(8234) 评论(0) 推荐(0) 编辑

摘要: v-for指令: 遍历列表; 尽量和 key 属性同时使用 效果图一: 效果图二: 代码: 阅读全文
posted @ 2019-09-23 16:57 人生与戏 阅读(179) 评论(0) 推荐(0) 编辑

摘要: v-if指令 : 类似于 if( a ){ b } 当 a 为真 , 执行b ,否则不执行b 最简单的 效果图: v-if 、 v-else 中等的效果图: v-if 、 v-else-if 、v-else 复杂点的效果图: v-show (通过控制css中display来切换)和 v-if : 频 阅读全文
posted @ 2019-09-23 15:58 人生与戏 阅读(152) 评论(0) 推荐(0) 编辑

摘要: 方法一 效果图: 方法二 效果图: 方法三 效果图: 代码: 阅读全文
posted @ 2019-09-23 00:07 人生与戏 阅读(254) 评论(0) 推荐(0) 编辑