Artikel ini membawakan anda maklumat tentang vue Ia terutamanya memperkenalkan isu yang berkaitan dengan pembangunan komponen vue menyediakan abstraksi Kami boleh membangunkan komponen yang bebas dan boleh digunakan semula. Mari kita lihat mereka. Saya harap ia akan membantu semua orang.
[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]
Pengaturcaraan fungsional ialah kaedah pengaturcaraan yang menganggap operasi komputer sebagai pengiraan fungsi. Asas terpenting bahasa pengaturcaraan berfungsi ialah kalkulus lambda, dan fungsi kalkulus lambda boleh menerima fungsi sebagai input (parameter) dan output (nilai pulangan).
Berbanding dengan pengaturcaraan imperatif, pengaturcaraan berfungsi menekankan bahawa pengiraan fungsi adalah lebih penting daripada pelaksanaan arahan.
Berbanding dengan pengaturcaraan prosedur, pengiraan fungsi dalam pengaturcaraan berfungsi boleh dipanggil pada bila-bila masa.
Fungsi penapis secara automatik menapis semua elemen objek dan mengembalikan benar sebelum ia disimpan dalam objek yang ditentukan
Fungsi Reduce meringkaskan semua elemen dalam tatasusunan;
2. Contoh kod
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
{{totalPrice()}}
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
message: '你好'
},
methods :{
totalPrice(){
const nums = [10,9,21,16,7]
let total = nums.filter(x => x<10).map(x => x*2).reduce((pre,n)=>pre+n);
console.log(total)
return total
}
}
})
</script>
</body>
</html>