Vue小案例(Day2)

80 阅读1分钟

Hello World 案例

  1. 想要Vue正常工作,须创建一个Vue实例,且要传入一个配置对象

  2. box容器里的代码依旧符合html规范,只加入了一些特殊的vue语法

  3. box容器中的代码被称为【Vue模板】

案例分析

容器与实例一一对应

{{}}中必须为JS表达式,且回自动读取data中的所有属性

    区分js表达式与js代码(语句)

    表达式:一个表达式会产生一个值,可以放在任何一个需要值的位置

    js语句(代码)

实际开发中,只有一个Vue实例,且回配合组件一起使用

一旦data中是数据发生变化,页面中使用该数据的位置会相应变化更新