简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
집
기사
Q&A
강의
주제
다운로드
게임
사전
최근 업데이트

집  >  기사  >  웹 프론트엔드  >  Vue 기본 지식 요약: Vue 컴포넌트 개발

Vue 기본 지식 요약: Vue 컴포넌트 개발

WBOY
WBOY앞으로
2022-08-10 09:56:111836검색

이 글에서는 vue에 대한 정보를 제공합니다. 주로 vue 구성 요소 개발과 관련된 문제를 소개합니다. 구성 요소 개발은 추상화를 제공하여 우리의 애플리케이션 구성 요소를 살펴보겠습니다. 모두에게 도움이 될 것입니다.

Vue 기본 지식 요약: Vue 컴포넌트 개발

【관련 추천: javascript 동영상 튜토리얼, web front-end】

1. 함수형 프로그래밍

1. 함수형 프로그래밍 소개

함수형 프로그래밍은 컴퓨터 연산을 통합하는 프로그래밍 방법입니다. 함수 계산으로 처리됩니다. 함수형 프로그래밍 언어의 가장 중요한 기초는 람다 계산이며, 람다 계산 함수는 함수를 입력(매개변수) 및 출력(반환 값)으로 받아들일 수 있습니다.

명령형 프로그래밍과 비교하여 함수형 프로그래밍은 명령 실행보다 함수 계산이 더 중요하다는 점을 강조합니다.

절차적 프로그래밍에 비해 함수형 프로그래밍의 함수 계산은 언제든지 호출할 수 있습니다.

필터 함수는 객체의 모든 요소를 ​​자동으로 필터링하고 지정된 객체에 저장되기 전에 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>
2. -model

Vue는 및