Vue js组件化开发
Vue js 对象简写
<!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>
<script>
let name = '李思';
let age = 18;
// let person = {
// name:name,
// age:age,
// showname:function(){
// alert(this.name);
// },
// showage:function(){
// alert(this.age);
// }
// }
// person.showname();
// person.showage();
// 上面的对象可以简写成下面的形式
let person = {
name,
age,
showname(){
alert(this.name);
},
showage(){
alert(this.age);
}
}
person.showname();
person.showage();