摘要： v-for指令： 1.用于展示列表数据 2.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） 3.v-for="(item,index) of Array" :key="index" 适合遍历数组 4.v-for="(value,name,index) of Object" :key=" 阅读全文

摘要： v-if： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。 <div id="roo 阅读全文

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

摘要： 监视属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1).new Vue时传入watch配置 (2).通过vm.$watch监视 <script> const vm = new Vue({ el: '# 阅读全文

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

摘要： 1.Vue中常用的按键别名： 回车 => enter 删除 => delete (捕获“删除”和“退格”键) 退出 => esc 空格 => space 换行 => tab (特殊，必须配合keydown去使用) 上 => up 下 => down 左 => left 右 => right 2.Vu 阅读全文

摘要： 事件的基本使用： 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，this的指 阅读全文

摘要： el的两种写法： const v = new Vue({ //el:'#root', //第一种写法 data:{ name:'尚硅谷' } }) v.$mount('#root') //第二种写法 (1).new Vue时候配置el属性。 (2).先创建Vue实例，随后再通过vm.$mount(' 阅读全文

摘要： vue2 - 数据的绑定 vue2 - el与data的两种写法 vue2 - 事件处理 vue2 - 键盘事件 vue2 - 计算属性 vue2 - 监听属性 vue2 - 绑定class样式与绑定style样式 vue2 - 条件渲染 元素的显示与隐藏 vue2 - 列表渲染 vue2 - vu 阅读全文

摘要： 1.插值语法 插值语法主要是用于解析标签体内容 {{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性 <div id="root"> <h1>Hello，{{name}}</h1> <!--可以写js表达式--> <h1>{{name.length}},{{1+1}},{{Dat 阅读全文