合集-Vue学习

vue学习--模板语法(一、概述&基本使用)
摘要：#1.Vue概述 Vue.js的创建者：尤雨溪 2014年2月，Vue.js正式发布 2015年10月27日，正式发布1.0.0 2016年4月27日，发布2.0的预览版本 ##Vue：渐进式JavaScript框架 声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建 官网：http 阅读全文
posted @ 2022-09-15 14:40 龙猫•ᴥ• 阅读(77) 评论(0) 推荐(0)
vue学习--模板语法(二、指令&数据绑定)
摘要：指令 1.什么是指令？ 指令的本质就是自定义属性 指令的格式：以v-开始（如：v-cloak） 2.v-cloak指令用法 插值表达式存在的问题：“闪动” 如何解决该问题：使用v-cloack指令 解决该问题的原理：先隐藏，替换好值之后在显示最终值 1.提供样式 2.在插值表达式所在标签中添加v-c 阅读全文
posted @ 2022-09-15 14:42 龙猫•ᴥ• 阅读(44) 评论(0) 推荐(0)
vue学习--模板语法(三、事件绑定)
摘要：事件绑定 1.Vue如何处理事件？ v-on 指令用法 <input type = 'button' v-on:click = 'num++'/> v-on 简写形式 <input type = 'button' @click = 'num++'/> 2.事件函数的调用方式 直接绑定函数名称 <bu 阅读全文
posted @ 2022-09-15 14:43 龙猫•ᴥ• 阅读(172) 评论(0) 推荐(0)
vue学习--模板语法(四、属性样式绑定&流程语句)
摘要：3.5 属性绑定 1.Vue如何动态处理属性？ v-bind 指令用法 <a v-bind:href='url'>跳转</a> 缩写形式 <a :href='url'>跳转</a> 2.v-model的底层实现原理分析 <input v-bind:value="msg" v-on:input = " 阅读全文
posted @ 2024-05-09 23:08 龙猫•ᴥ• 阅读(25) 评论(0) 推荐(0)
vue学习--模板语法(五、选项卡案例)
摘要：案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src= 阅读全文
posted @ 2024-05-09 23:18 龙猫•ᴥ• 阅读(23) 评论(0) 推荐(0)