简单的Vue案例

• Z时代
• 2024-01-10
• 分类：综合

下载vue.js插件，

插件下载

Dom文档对象模型，对应HTML

每个Vue应用程序都是通过Vue函数创建出一个新的Vue实例开始的

el

类型：String | HTMLElement | Function

详解：为实例提供挂载元素，值可以是CSS选择符、或HTML元素、或返回HTML元素的函数。

data

详解：data是Vue实例的数据对象，Vue会将data的属性转化为getter/setter

 1、抛开手动操作DOM的思维，Vue.js是数据驱动的，你无需手动操作DOM。

2、将DOM和数据绑定起来，DOM将和数据保持同步，
每当变更了数据，DOM也会相应地更新。

3、MVVM模式（Model-View-ViewModel）
ViewModel是如何和View以及Model进行交互的。
model放在data（可能多项）
view放在el（view里面的{{  }}可能多项，跟model对应）

4、ViewModel是Vue.js的核心，它是一个Vue实例。
     Vue实例是作用于某一个HTML元素上的，
    这个元素可以是HTML的body元素，
   也可以是指定了id的某个元素。

5、所有的元素都是响应式的

以上是 简单的Vue案例 的全部内容， 来源链接： utcz.com/z/376937.html