vue基础 港控/mmm° 2022-10-25 04:59 154阅读 0赞 # Vue基础 # ## 1模板语法 ## **插值：** 插值表达式：\{ \{ \}\} ,将插值表达式中内容嵌入到页面中。v-text 纯HTML： v-html，识别html标签，将内容以html形式嵌入 **指令：** v-bind，又可以写成v-bind：src => :src v-if v-show(如果需要频繁切换 v-show 较好,当条件不成立时, v-if 的所有子节点不会解析) v-on,又可以写成 @click v-for ## 2class与style ## **绑定html中class样式：** 对象语法 > <div v-bind:class="\{ active: isActive \}"></div> 数组语法 > <div v-bind:class="\[activeClass, errorClass\]"></div> **绑定css样式** 对象语法（属性名用小驼峰命名法）： > <div v-bind:style="\{ color: activeColor, fontSize: fontSize + ‘px’ \}"></div> 数组语法 > <div v-bind:style="\[baseStyles, overridingStyles\]"></div> ## 3条件渲染 ## v-if v-else -v-else v-else-if template v-if,包装元素template不会被创建 v-show ## 4列表渲染 ## 数组: v-for / index 对象: v-for / key key： \*跟踪每个节点的身份，从而重用和重新排序现有元素 \*理想的 key 值是每项都有的且唯一的 id。data.id ## 5事件处理 ## **事件修饰符：** prevent : 阻止事件的默认行为 stop : 停止事件冒泡 **按键修饰符：** .keycode : 操作的是某个 keycode 值的键 .keyName : 操作的某个按键名的键 **v-model基本用法** 1. text/textarea 2. checkbox 3. radio 4. select **修饰符** .lazy :失去焦点同步一次 .number :格式化数字 .trim : 去除首尾空格
相关 Vue--基础 原文网址：[Vue--基础\_IT利刃出鞘的博客-CSDN博客][Vue--_IT_-CSDN] 其他网址 标签传参 法1：传递某个值 > 如果你要获取id,直 怼烎@/ 2023年01月10日 10:25/ 0 赞/ 28 阅读
相关 vue基础 [vue基础][vue] [vue]: https://codechina.csdn.net/mirrors/teach-tian/vue-?utm_source=csdn 谁践踏了优雅/ 2023年01月07日 07:17/ 0 赞/ 18 阅读
相关 Vue 基础 Vue ref获取dom元素 给要获取元素的标签加ref属性 例：ref=”refs ” 获取this.$refs.refs .innerhtml 键盘事件 其 怼烎@/ 2022年12月04日 08:36/ 0 赞/ 31 阅读
相关 vue基础 1.VueJs的介绍和MVVM模式介绍 1.什么是VueJS？ Vue.js 是一个构建数据驱动的 web 界面的渐进式框架。 Vue.js 的目标是通过尽可能简单的 爱被打了一巴掌/ 2022年11月29日 05:51/ 0 赞/ 181 阅读
相关 Vue基础 Vue入门 一、什么是vue？ JavaScript的框架 框架是不同于向jQuery这样的js库，框架需要遵守它的规则，才能使用 二、 川长思鸟来/ 2022年11月22日 12:59/ 0 赞/ 254 阅读
相关 vue基础 Vue基础 1模板语法 插值： 插值表达式：\{ \{ \}\} ,将插值表达式中内容嵌入到页面中。v-text 纯HTML： v-html，识别html标 港控/mmm°/ 2022年10月25日 04:59/ 0 赞/ 155 阅读
相关 vue基础 Vue的安装 vue的兼容性： Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMA 系统管理员/ 2022年10月23日 11:11/ 0 赞/ 183 阅读
相关 Vue基础 本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 非商业用途自由转载，保持署名，注明出处！ ------- ゝ一纸荒年。/ 2021年12月04日 10:02/ 0 赞/ 293 阅读
相关 Vue_基础 Vue\_基础 概述 示例 相关语法 动态样式 class style 概述 Vue (读音 /vjuː/，类似 ゞ 浴缸里的玫瑰/ 2021年10月06日 04:34/ 0 赞/ 355 阅读
怼烎@
谁践踏了优雅
爱被打了一巴掌
港控/mmm°
系统管理员
ゞ 浴缸里的玫瑰
还没有评论，来说两句吧...