web前端day1

MVC 与MVVM

mvc

web前端day1
mvc是前后端的设计模型

mvvm

web前端day1
mvvm是前端的页面双向数据绑定

v-for中的key属性使用时注意

  • v-for 可以通过一个对象的属性来迭代将对象的所以属性注意展示出来
  • key保证使用时的数据唯一性
  • v-for="(value, key, index) in object“,展示时候key,value转换,第三个参数为索引。
    web前端day1

v-if 与 v-show

v-if 更高的切换消耗,v-show有更高的初始渲染消耗。所以如果条件不常改变的就用v-if,时常改变的就用v-show

  • v-if每次都会删除和创建元素
  • v-show只是改变dom的display样式