模板语句的数据来源

76 阅读1分钟
1.data为模板语句提供数据来源,为整个vue提供数据来源。
2.data被称为vue实例的数据对象
3.data可以是对象与函数,但是对象必须是纯粹的,零或多个配置项(key,value)
4.插值语句,将data的key插入到模板语句中,{{key}}
案例:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <script src="../js/vue (1).js"></script>
</head>
<body>
    <div id='app'></div>
    <script>
        new Vue({
        template:'<h1>{{name}} </h1>',
        data:{
           name:"zhangsan" 
        }
        }).$mount('#app')
    </script>
    
</body>
</html>