Vue基础：el挂载点，data数据_资讯

创始人

2024-05-27 04:26:34

1、el：挂载点

2、data数据对象

Vue实例的作用范围是什么呢?

Vue会管理el选项命中的元素及其内部的后代元素

是否可以使用其他的选择器?

可以使用其他的选择器,但是建议使用ID选择器

是否可以设置其他的dom元素呢?

可以使用其他的双标签,不能使用HTML和BODY

示例：

借助 script 标签直接通过 CDN 来使用 Vue：

数据绑定使用：{{}}



Vue
{{ message }}

Vue中用到的数据定义在data中，data中可以写复杂类型的数据

对象获取通过点获取：{{school.name}}

数组通过角标获取：{{hobby[0]}}

示例：



data:数据对象

{{ message }}{{school.name}}{{school.mobile}}
{{hobby[0]}}
{{hobby[1]}}
{{hobby[2]}}
{{hobby[3]}}

{{school.name}}{{school.mobile}}