模板语句的数据来源
1.谁可以给模板语句提供数据支持？ data选项
2.data选项的类型是什么？ Object | Function (对象或者函数)
3.data配置项的专业叫法：vue 实例的数据对象。（data实际上是给整个）vue实例提供数据的来源
4.对象必须是纯粹的对象（含有零个或多个的Keyvalue 对）
5.data数据如何插入到模板语句当中？
{{}}这是vue框架自己给自己搞的一套语法，别的框架看不懂，浏览器也是不能够识别的
vue框架是自己是能够看得懂。这种语法在vue中被称为：模板语法中的插值语法（有的人叫胡子语法）
怎么用？
{{ datade 的 key}}
插值语法的小细节：
{这里不能有其他字符包括空格{}这里不能有其他的字符包括空格}
程序：
<body>
<div id='app'></div> //指定挂载的位置
//vue 程序
<script>
new vue ({
template:'<h1>最近非常火爆的电视剧{{name}}，它的上映日期是{{releaseTime}}
主角是{{lead.name}}，年龄是{{lead.age}}岁。其他演员包括 {{ actors[0].name}}{{actores[0].age}},{{ actors[1].name}}{{actores[2].age}}。 {{a.b.c.d.name}}
</h1>`,// {这里不能有其他字符包括空格{}这里不能有其他的字符包括空格}
data : {
name:'美美11'
releaseTime：'2024/3/27',
lead:{
name : '甜甜',
age : 18
}，
actors : [
{
name : '安心'
age : ' 30 '
},
{
name : '高启强'
age : ' 30 '
}
],
a : {
b : {
c : {
d : {
name : '好美丽'
}
}
}
}
}
}).$mount('#app')
</script>
</body>
2123
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
