2023年2月16日

vue2 - 目录

摘要: vue2 - 模板语法 插值语法,属性单向绑定,属性双向绑定,v-clock,v-text,v-html,v-once,v-pre vue2 - 事件,事件的绑定,事件属性,键盘事件 vue2 - 计算属性,计算属性简写,监听属性,深度监听,监听属性简写,两个重要的小原则 vue2 - 绑定clas 阅读全文

posted @ 2023-02-16 22:32 Mikasa-Ackerman 阅读(13) 评论(0) 推荐(0) 编辑

vue2 - 模板语法 插值语法,属性单向绑定,属性双向绑定,v-clock,v-text,v-html,v-once,v-pre

摘要: 1.插值语法 <!--插值语法 可以使用js--> <span>{{name}}</span> 动态的替换标签中的内容,可以使用js,直接读取到data中的所有属性 2.属性单向绑定 <!--单向属性绑定--> <input type="text" v-bind:value="user.userna 阅读全文

posted @ 2023-02-16 22:27 Mikasa-Ackerman 阅读(61) 评论(0) 推荐(0) 编辑

vue2 - 绑定class,绑定style

摘要: 1.绑定class样式 字符串写法:适用于类名不确定,要动态获取 数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。 对象写法适用于:要绑定多个样式,个数不确定,名字也不确定 <div id="root"> <!--类为class1--> <div v-bind:class="c 阅读全文

posted @ 2023-02-16 22:02 Mikasa-Ackerman 阅读(97) 评论(0) 推荐(0) 编辑

vue2 - 计算属性,计算属性简写,监听属性,深度监听,监听属性简写,两个重要的小原则

摘要: 1.计算属性 <div id="root"> 性:<input type="text" v-model:value="firstName"><br> 名:<input type="text" v-model:value="lastName"><br> 全名:<span>{{fullName}}</s 阅读全文

posted @ 2023-02-16 21:54 Mikasa-Ackerman 阅读(90) 评论(0) 推荐(0) 编辑

vue2 - 事件,事件的绑定,事件属性,键盘事件

摘要: 1.事件的绑定 <button v-on:click="getList1">添加事件(添加点击事件 无参)</button> <button v-on:click="getList2($event,10,levi)">添加事件(添加点击事件 有参)</button> 绑定的方法定义在methods属 阅读全文

posted @ 2023-02-16 21:30 Mikasa-Ackerman 阅读(221) 评论(0) 推荐(0) 编辑

导航