이 글에서는 vue에 대한 정보를 제공합니다. 주로 vue 구성 요소 개발과 관련된 문제를 소개합니다. 구성 요소 개발은 추상화를 제공하여 우리의 애플리케이션 구성 요소를 살펴보겠습니다. 모두에게 도움이 될 것입니다.
【관련 추천: javascript 동영상 튜토리얼, web front-end】
함수형 프로그래밍은 컴퓨터 연산을 통합하는 프로그래밍 방법입니다. 함수 계산으로 처리됩니다. 함수형 프로그래밍 언어의 가장 중요한 기초는 람다 계산이며, 람다 계산 함수는 함수를 입력(매개변수) 및 출력(반환 값)으로 받아들일 수 있습니다.
명령형 프로그래밍과 비교하여 함수형 프로그래밍은 명령 실행보다 함수 계산이 더 중요하다는 점을 강조합니다.
절차적 프로그래밍에 비해 함수형 프로그래밍의 함수 계산은 언제든지 호출할 수 있습니다.
필터 함수는 객체의 모든 요소를 자동으로 필터링하고 지정된 객체에 저장되기 전에 true를 반환합니다.
Reduce 함수는 배열 내부의 모든 요소를 요약합니다.
<!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>