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账户登录的问题

相关内容

热门资讯

力源科技签署5498万元核电设... 2月9日，力源科技（维权）（688565）发布公告，公司作为卖方与上海核工程研究设计院股份有限公司签...
读书周刊|去世五年后琼·狄迪恩... 转自：扬子晚报在2026年的开年，一本名为《奇想之年》的书引爆了大众泪点，热度和销量已在各图书类榜单...
三元生物获高新技术企业证书 享... 2月9日，三元生物（301206）发布公告，公司近日收到《高新技术企业证书》，将使公司在2025年度...
南玻A：截至2026年1月30... 投资者提问：董秘你好，请问截止到2026年1月30日，贵公司股东户数是多少？谢谢啦！！！董秘回答(南...
湖南省电力有限公司原一级协理胡... 稿源：掌上长沙2026-02-09 16:03 　　长沙晚报掌...