2022年8月30日
摘要：
v-for 实例： 1.for和if放在了同一个标签中 没有先后顺序的要求,但是先执行for 渲染过程为： 对arr每一项先做map循环判断v-if给出的条件，再做一遍for 循环渲染 这样引起的问题是：arr 数组新增一项数据时，会对每一项再做一遍v-if 循环，然后for 循环渲染 2.解决方案 阅读全文
摘要：
v-if /v-else 或者 v-show 实例： <div id="app"> <div v-if="flag">hello</div> <div v-show="flag">world</div> </div> <script type="text/javascript"> new Vue({ 阅读全文
摘要：
MVC与MVVM之间的区别 （1）MVC 在实际应用开发场景中，开发者常用的一种设计模式是MVC（eg：node（后端）中的MVC设计模式）： M（Model）：数据模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据。 V（View）：视图层。是应用程序中处理数据显示 阅读全文
摘要：
1.什么是响应式数据 如果内存中的数据变化了页面UI也会动态跟着刷新这种数据就是 响应式数据 响应式数据: 只能由代码改变UI或者只能由UI改变代码 // this.arr[2]="hello"//没有劫持数组的 下标(不能刷新页面) // this.arr.splice(2,1, "hello") 阅读全文
摘要：
切换效果的实现： 1、做切换效果的技术（样式绑定） 2、组件或者模块的切换（动态组件 v-if/v-show） 3、路由切换（router） 实例： 样式绑定 (1) 对class 属性进行绑定 1、v-bind:class 指令也可以与普通的 class 属性共存 <div :class="{ c 阅读全文
摘要：
事件 1.方法的写法 在methods中写方法,供事件或者别的方法内部调用 2.事件绑定 v-on: 和 @ 都是绑定事件的指令 v-on:click --> @click指令后面跟事件类型,值就是methds中的方法,可以加小括号也可以不加 <button v-on:click="fn1()">点 阅读全文