vue2 - vue.set 添加属性与修改属性，修改数组的注意事项
摘要：1.vue.set 添加属性与修改属性 Vue.set(target，propertyName/index，value) vm.$set(target，propertyName/index，value) <div id="root"> <button v-on:click="addAttr">点击添
阅读全文
posted @ 2023-02-17 12:11
随笔分类 - Vue2 笔记
vue2 - 条件渲染，列表熏染
摘要：1.条件熏染 v-if (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可以和:v-else-if，v-else一起使用，但要求结构不能被“打断” <div id="
阅读全文
posted @ 2023-02-17 11:57
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
vue2 - 绑定class，绑定style
摘要：1.绑定class样式 字符串写法：适用于类名不确定，要动态获取 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 <div id="root"> <!--类为class1--> <div v-bind:class="c
阅读全文
posted @ 2023-02-16 22:02
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
vue2 - 事件，事件的绑定，事件属性，键盘事件
摘要：1.事件的绑定 <button v-on:click="getList1">添加事件(添加点击事件 无参)</button> <button v-on:click="getList2($event,10,levi)">添加事件(添加点击事件 有参)</button> 绑定的方法定义在methods属
阅读全文
posted @ 2023-02-16 21:30
