Hello World 案例
-
想要Vue正常工作,须创建一个Vue实例,且要传入一个配置对象
-
box容器里的代码依旧符合html规范,只加入了一些特殊的vue语法
-
box容器中的代码被称为【Vue模板】
案例分析
容器与实例一一对应
{{}}中必须为JS表达式,且回自动读取data中的所有属性
区分js表达式与js代码(语句)
表达式:一个表达式会产生一个值,可以放在任何一个需要值的位置
js语句(代码)
实际开发中,只有一个Vue实例,且回配合组件一起使用
一旦data中是数据发生变化,页面中使用该数据的位置会相应变化更新