Vue基础：el挂载点，data数据
创始人
2024-05-27 04:26:34

目录

1、el：挂载点

2、data数据对象

1、el：挂载点

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

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

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

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

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

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

示例：

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

 数据绑定使用：{{}}



Vue

{{ message }}

2、data数据对象

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

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

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

示例：



data:数据对象


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


 

上一篇：女生白手起家创业点子(女人做点什么生意好) 女生创业最好的小项目 女生白手起家创业点子彩妆创业

下一篇：关于Ubuntu18.04 root账户登录的问题

相关内容

热门资讯

中航光电取得模块风冷机箱相关专... 6月23日消息，国家知识产权局信息显示，中航光电科技股份有限公司申请一项名为“一种模块组合式密闭风冷...
大族数控申请激光粗化法相关专利... 6月23日消息，国家知识产权局信息显示，深圳市大族数控科技股份有限公司申请一项名为“激光粗化方法、设...
航天信息取得粮库数据处理相关专... 6月23日消息，国家知识产权局信息显示，航天信息股份有限公司申请一项名为“基于张量的粮库数据处理方法...
长芯博创股价涨3.17%，宏利... 6月23日，长芯博创涨3.17%，截至发稿，报307.54元/股，成交26.50亿元，换手率3.30...
东方创业股价涨3.23%，汇添... 6月23日，东方创业涨3.23%，截至发稿，报6.71元/股，成交2890.51万元，换手率0.51...