vue教程1-02 data里面存储数据

vue

vue教程1-02 data里面存储数据

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<style>

</style>

<script src="vue.js"></script>

<script>

window.onload=function(){

new Vue({

el:'body',

data:{

msg:'welcome vue',

msg2:12,

msg3:true,

arr:['apple','banana','orange','pear'],

json:{a:'apple',b:'banana',c:'orange'}

}

});

};

</script>

</head>

<body>

<input type="text" v-model="msg">

<input type="text" v-model="msg">

<br>

{{msg}}

<br>

{{msg2}}

<br>

{{msg3}}

<br>

{{arr}}

<br>

{{json}}

</body>

</html>

以上是 vue教程1-02 data里面存储数据 的全部内容, 来源链接: utcz.com/z/380463.html

回到顶部