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

相关内容

热门资讯

阳光电源取得储能一体机相关专利... 5月9日消息，国家知识产权局信息显示，阳光电源股份有限公司申请一项名为“一种储能汇流升压一体机、储能...
阳光电源取得电力转换装置相关专... 5月9日消息，国家知识产权局信息显示，阳光电源股份有限公司申请一项名为“电力转换装置以及储能系统”的...
迁西大黑汀成京津冀 短途游“香... （来源：唐山劳动日报） 近期，迁西县大黑汀水库畔迎来露营热潮，成为京津冀市民短途出游的热门选择。湖畔...
宁德时代申请电池单体相关专利，... 5月9日消息，国家知识产权局信息显示，宁德时代新能源科技股份有限公司申请一项名为“电池单体、电池装置...
邱姓股民向*ST雅博发起索赔 ... 　　受损股民可至Hehson股民维权平台登记该公司维权：http://wq.finance.sina...