<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
<!-- <p>{{msg}}</p> -->
<p> {{count}}</p>
</div>
<script src="./vue.js"></script>
<script>
var vm = new Vue({
el: "#app",
// data作用: 声明数据
// 1. data的值可以是{数据名字:数据的初始值}
// 2. data中的数据msg和count 可以在视图中通过{{msg}}访问数据
// 3. data中的数据可以在js代码中去访问 vm.msg或者vm._data.msg
// 4. data中的数据特点:响应式数据->data中的数据一旦发生变化->视图中使用该数据的位置会自动更新
data: {
msg: "abc",
count: 100
}
});
console.log(vm);
console.log(vm.count);
console.log(vm._data.count);
</script>
</body>
</html>09-基础-实例选项-data
猜你喜欢
转载自www.cnblogs.com/divtab/p/10939953.html
今日推荐
周排行