Vue.정보

2208 단어 JavaScriptVue.js

고양이 책 총결산
개인적으로 궁금한 점.
대강 등급

Vue.js 소개


JavaScript의 프레임

특징.


일반적으로 말하면
  • 낮은 학습 비용
  • 특정한 부분에만 기능을 사용하고 싶을 때 그 사용법만 알고 실현할 수 있다는 의미에서 말했다(CDN 등에서)
  • 비례 유연성
  • 이것은 CDN으로 라이브러리에서 사용할 수도 있고 Vue CLI 등에서 프레임워크에서 확장성 있게 사용할 수도 있다는 의미라고 생각합니다
  • 충실한 일본어 문서
  • 일본에서 유행
  • 현재 세계 점유율 React의 배 이상
  • 사용법


    크게 두 개로 나누다

  • CDN
  • 라이브러리식 사용 방법
  • jQuery 등과 같은 인상

  • Vue CLI
  • 프레임의 사용 방법
  • 전체 구조를 어느 정도 의식하는 이미지가 필요하다
  • 생각


    Vue의 중요한 생각을 이해합니다.

    데이터 구동


    구조의 바디는 DOM이 아니라 JavaScript의 데이터입니다.
    데이터가 있는 토대 위에서 데이터에 적합한 DOM의 사상 설계를 구축하다

    구성 요소 가이드


    각 기능은 HTML, CSS, 자바스크립트를 하나의 그룹으로 분리하여 개발한 구조와 아이디어

    상호 작용


    상호 작용 UI를 구성하는 JavaScript 프레임워크와 같은 컨텍스트로 표현
    쉽게 말하면 닿으면 움직이는 느낌 = 화면이 멋있다

    용어


    용어는 컨텍스트에 따라 개념적인 것을 나타내며 Vue가 있는 특정 기술을 나타낼 수 있습니다.

    구성 요소


    웹 사이트 UI 구성 수준 위젯Vue.component({

    거푸집


    DOM 이전의 HTML 기반 태그 구조template:<template>

    데이터 바인딩


    데이터와 드로잉이 동기화되는 구조를 나타냅니다.
    파일 기반.vue에서 정의된 값 내보내기

    지시성


    HTML 태그에서 혼합된 Vue용 속성v-なんか

    단일 파일 구성 요소


    HTML, CSS, JavaScript를 하나로 묶은 파일
    .vue 확장자 파일

    빈번한 구성 요소


    Vuex


    여러 구성 요소를 통해 데이터를 공유하거나 전체 응용 프로그램 상태를 통일적으로 관리하는 상태 관리 라이브러리

    Vue Router


    구성 요소로 구성된 여러 화면을 URL과 연결하여 SPA의 라우팅 라이브러리 구축에 사용

    Vue CLI


    어느 정도 복잡도와 규모가 커질 것이라는 구상 아래 도구와 프로그램 라이브러리의 구축과 구축에 도움을 줄 수 있다

    webpack


    종속 상태를 해결하면서 Vue CLI에서 만든 초기 구조의 파일 그룹을 하나의 파일에 통합하는 도구 이름
    번들 도구

    Element


    공통 UI 구성 요소 집합

    서적 정보


    mio, 기본에서 배우는 Vue.js
    https://amzn.to/2GuqPKh

    잡감


    개발은 사람에게 효율적인 형식이다(문서와 구조를 구분하는 동시에)
    최종적으로 작동할 때 시스템의 효율적인 형태로 (HTML과 JS에 집중) 될 것이다.
    일단 제일 작은 구성으로 해볼게요.

    좋은 웹페이지 즐겨찾기