万里寻龙
发布于 2023-03-16 / 32 阅读 / 0 评论 / 0 点赞

Vue起步

VUE起步

  1. {{}} 双大括号,插值表达式,可以用来获取VUE中定义的数据(data),不能在属性节点中使用。

  2. el 挂载点,定义挂载的元素节点。在vue3.0中似乎不再使用。

  3. data 数据对象,可以写复杂类型

  4. v-text 在html标签中作为属性,指定要显示的内容,会覆盖原本的内容。

  5. v-html 在html标签中作为属性,指定html内容,等同于innerHtml。

  6. v-on 为元素绑定事件,可以简写为@,绑定的方法写在method中

    如v-on:click 可以写为@click="" 可以定义形参,传入自定义参数

  7. v-show 根据布尔值,切换元素的显示状态,修改元素的display

v-show指定一个布尔值,这个值控制元素的显示和隐藏,频繁切换使用

  1. v-if 根据表达式,切换元素的显示状态,操作dom元素

会从dom中移除或添加元素,不频繁切换使用

  1. v-bind 设置元素的属性, :属性名=表达式

  2. v-for 根据数据生成列表结构,可以遍历获取。经常和数组一起使用