在vue中,制作一个利用父组件传递给子组件一个数组,打印出数组的最大值的html文件
时间: 2024-06-03 16:08:26 浏览: 70
详解vue父子组件间传值(props)
<!DOCTYPE html>
<html>
<head>
<title>Vue Max Array Demo</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<max-array :array="myArray"></max-array>
</div>
<script>
Vue.component('max-array', {
props: ['array'],
template: '<div>The max value in the array is {{ max }}</div>',
computed: {
max() {
return Math.max.apply(null, this.array);
}
}
});
new Vue({
el: '#app',
data: {
myArray: [1, 2, 3, 4, 5, 6]
}
});
</script>
</body>
</html>
阅读全文