changes
This commit is contained in:
parent
657076172f
commit
99eaa34809
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<apps @item="listitem"></apps>
|
||||
</div>
|
||||
<template id="apps">
|
||||
<div>
|
||||
<h1 v-for="item in list" @click="itemList(item)">{{item}}</h1>
|
||||
</div>
|
||||
</template>
|
||||
</body>
|
||||
<script src="../../../JavaScript/vue.js"></script>
|
||||
<script>
|
||||
new Vue({
|
||||
el:"#app",
|
||||
data:{
|
||||
list:[]
|
||||
},
|
||||
methods:{
|
||||
listitem(val){
|
||||
this.list.push(val)
|
||||
for (let i of this.list){
|
||||
console.log(i);
|
||||
}
|
||||
}
|
||||
},
|
||||
components:{
|
||||
'apps':{
|
||||
template:"#apps",
|
||||
data(){
|
||||
return {
|
||||
list:["电脑数码","电子设备","办公"]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
itemList(value){
|
||||
this.$emit("item",value)
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</html>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<apps :app="list"></apps>
|
||||
</div>
|
||||
<template id="apps">
|
||||
<div>
|
||||
<h1 v-for="item in app">{{item}}</h1>
|
||||
</div>
|
||||
</template>
|
||||
</body>
|
||||
<script src="../../../JavaScript/vue.js"></script>
|
||||
<script>
|
||||
const vue=new Vue({
|
||||
el:"#app",
|
||||
data:{
|
||||
list:["这是图片1","这是图片2","这是图片3"]
|
||||
},
|
||||
components:{
|
||||
'apps':{
|
||||
template:"#apps",
|
||||
props:{
|
||||
'app':{
|
||||
type:Array,
|
||||
default(){
|
||||
return []
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</html>
|
Loading…
Reference in New Issue