zoukankan      html  css  js  c++  java
  • vue常用指令及原理

    1 v-if 判断表达式是否为真,如果为真则插入DOM。v-show 则是通过控制css样式来控制是否显示。

    如果要显示的元素中含有图片,使用 v-show 可以在显示之前提前加载,当值为 true 时就显示。使用 v-if 时图片会直到显示时才开始加载。

    2 v-for 指令可以用来遍历一个数组或对象

    对于数组例子:v-for="(itindexin cars" :key="it" 。其中顺序是(value, key)

    3 vue 的响应式限制

    3.1 为对象添加新属性。因 getter/setter 方法是vue对象初始化的时候添加,因此已存在的属性是响应式,因此直接为对象添加新属性时不会使该属性成为响应式。

    3.2 设置数组元素。不能直接使用索引来设置数组元素,使用.splice()方法移除旧元素并添加新元素。例如

    this.cars.splice(1, 1, '黄河')

    3.3 设置数组长度。js 中可以设置数组长度,自动让空元素填充数组至该长度。vue中不可以设置data中的数组,因为 vue 不能检测到该操作对数组的任何更改。

  • 相关阅读:
    浅谈前端的CSS
    浅谈前端的HTML
    python操作mysql
    简单的sql题目和解答
    子查询&视图&事务
    测试程序运行的时间
    API接口简单的写法
    数据库数据进行量化算法入库
    正则爬取二手房数据
    接口加密和破解
  • 原文地址:https://www.cnblogs.com/zhaopengcheng/p/14079078.html
Copyright © 2011-2022 走看看