Vue学习

93 阅读1分钟

什么是双向绑定?

  1. 什么是单向绑定?

    a.数据驱动视图

    1. ref或reactvie返回的代理对象,发生变化的时候就会驱动template中的视图发生改变。
  2. 双向绑定

image.png

a. 数据驱动视图

b. 视图驱动数据 监听input方法

当数据(Modal)有变化时,会通过ViewModel影响页面 当页面(View)有变化时,会通过ViewModel影响数据

错误捕获

应用实例会暴露一个.config对象允许我们配置一些应用级的选项,例如定义一个应用级的错误处理器,用来捕获所有子组件上的错误:

app.config.errorHandler = (err)=>{
/* 处理错误 */
}

调用函数

可以在绑定的表达式中使用一个组件的暴露的方法

<span :title="toTitleDate(date)">
  {{formatDate(date)}}
</span>

Tip: 绑定在表达式中的方法在组件每次更新时都会被重新调用,因此不应该产生任何副作用,比如改变数据或触发异步操作。