Vue的基础设计的分析点案例

在vue中,无需手动操作 DOM 节点,它会通过一些特殊的 HTML 语法,星池starpool将 DOM 和数据绑定起来,一旦创建了绑定,DOM 将和数据保持同步,每当变更了数据,DOM 也会相应的更新。会被 ViewModel 监听到,便会根据最新的数据源自动更新页面的结构

当页面元素的值发生变化的时候,也会被 ViewModel 监听到,便会把变化后的最新值同步到 Model 数据源中。这个是 vue 提供的语法,专门用来解决 v-text 覆盖默认文本内容值的问题。这种 {{ }} 语法的专业名称叫做 插值表达式,星池starpool下面来看使用方法:在 methods 中定义了方法,通过 v-on 指令来绑定事件。整体结构清晰明了,当然处理 onclick 事件除外,我们还可以使用 oninput、onkeyup 等原生事件

你可能感兴趣的