摘要:
1. 作用:给 表单元素 使用,形成 双向数据绑定,可以快速 获取或设置 表单元素内容,v-model会根据 控件类型 的不同自动选取 正确的方法 来更新元素。(常见的表单元素有 input:text输入框、textarea文本域、radio单选框、checkbox复选框、select下拉菜单等等) 阅读全文
摘要:
1. 作用:基于数据循环,多次渲染整个元素(可以遍历 数组、对象、数字 ......) 2. 遍历数组语法:v-for = "(item, index) in 数组名" (item:遍历时的每一项;index:遍历时的下标) 如果不需要下标,则可以简写:v-for = "item in 数组名" e 阅读全文
摘要:
1. 作用:动态设置 html 的标签属性(eg:src、url、title ......) 2. 语法:v-bind : 属性名 = "表达式" 或 : 属性名 = "表达式"(简写形式) 3. 例子: new Vue 的 data 里面定义一个变量 imgUrl : './imgs/10-01. 阅读全文
摘要:
1. v-on 作用:注册事件(注册事件 = 添加监听 + 提供处理逻辑) 2. 语法: ① v-on : 事件名 = "内联语句" eg:<button v-on:click="count++"> 点我加一 </button> ② v-on : 事件名 = "methods中的函数名" 或 v-o 阅读全文
摘要:
v-else 、 v-else-if 作用:都是辅助 v-if 进行判断渲染的。 语法:v-else:后面不需要跟任何表达式,直接表示的是:否则; v-else-if :v-else-if = "表达式" true则渲染 注意:v-else 或 v-else-if 都需要紧挨着 v-if 一起使用 阅读全文
摘要:
v-show : 1.作用:控制元素显示隐藏 2.语法:v-show = "表达式" 表达式值为 true 则显示, false 则隐藏 3.底层原理:切换 css 的 display: none 来控制显示隐藏 4.使用场景:频繁切换显示隐藏的场景 v-if : 1.作用:控制元素显示隐藏(条件渲 阅读全文