首页 热点专区 小学知识 中学知识 出国留学 考研考公
您的当前位置:首页正文

VUE 随记

2024-12-08 来源:要发发知识网

vue 实例

  • 一个Vue应用由一个通过 new Vue 创建的根Vue实例,以及可选的、可嵌套的、可复用的组件树组成。
  • 响应式系统 data
  • 生命周期
    创建、挂载、更新、摧毁。

模版语法

  • {{ 表达式 }}
    模板表达式都被放在沙盒中,只能访问全局变量的一个白名单,如 Math 和 Date 。你不应该在模板表达式中试图访问用户定义的全局变量。
  • v-html
  • v-bind :
    响应式的更新 HTML的属性
  • v-on @
    修饰符

计算属性,方法,监听器

  • computed
    基于依赖进行缓存,自动计算。依赖改变才会重新计算
  • method
    需要自行调用
  • watch
    允许执行异步操作

class与style的绑定

:class 绑定一个对象或者数组动态切换class

:style

v-if v-for

Vue 会尽可能的复用
v-for比v-if优先级高
key值阻止复用
v-for = "(value,index) in arry"
v-for = "(value,key,index) in obj"

事件

  • @ v-on
    可以绑定方法和调用方法和表达式

  • 事件修饰符
    .stop .prevent .capture .self .once

  • 按键修饰符

v-model 表单绑定

  • v-model 会忽略表单特性值而将vue实例的数据作为数据来源。
  • 修饰符
显示全文