本篇文章給大家帶來了關於vue其中主要介紹了關於vue組件化開發的相關問題，組件化開發提供了一種抽象, 我們可以開發出一個獨立可復用的小組件來建構我們的應用元件，下面一起來看一下，希望對大家有幫助。
【相關推薦：javascript影片教學、web前端】
##一、函數式程式設計
<!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>