Vue 기본 명령
v- 바인드 명령어
v-bind 명령어의 기능은 속성을 요소에 바인딩하는 것
입니다. 완전한 표현은 v-bind : 속성 이름입니다.
축약하면 v-bind를 직접 생략하고 다음 만 유지할 수 있습니다. attribute name
v-for
v-for 명령어의 기능은 데이터를 기반으로 목록 구조를 생성하는 것입니다.
배열은 종종 v-for와 함께 사용됩니다.
구문은 (item, index) in입니다. 데이터
항목 및 인덱스는 다음과 함께 사용할 수 있습니다. 기타 지침
: 어레이 길이 업데이트가 페이지에 동기화됩니다.
v-on
사용자 정의 매개 변수, 이벤트 수정 자,
문서 포털
링크 : link를 전달 합니다.
이벤트 바인딩 방법은 함수 호출 형식으로 작성되며 사용자 정의 매개 변수를 전달할 수 있습니다.
메소드를 정의 할 때 형식 매개 변수를 정의하여 들어오는 실제 매개 변수
이벤트 다음에
Above , 수정자는 이벤트 를 제한 할 수 있습니다 . Enter는 트리거 된 키를 입력하도록 제한 할 수 있습니다 .
V- 모델
양식 요소
의 값 가져 오기 및 설정 (양방향 데이터 바인딩) v-model 명령 의 기능은 양식 요소의 값을 편리하게 설정하고 가져 오는
것 입니다. 바인딩 된 데이터는
양식 요소의 값 과 연결됩니다 . 바운드 데이터 양식 요소의 값
도끼
강력한 네트워크 요청 라이브러리
링크 :
문서 포털 : https://github.com/axios/axios
axios를
사용하려면 먼저 가져와야합니다. get 또는 post 메서드를 사용하여 해당 요청을 보냅니다.
웹팩
웹팩 프로젝트 생성 구문
$ vue init webpack my-project
? Project name vuetest //项目名称
? Project description A Vue.js project //项目描述默认回车
? Author //作者
? Vue build standalone //打包方式standalone
? Install vue-router? Yes //是否创建路由，学习初期暂时不需要
? Use ESLint to lint your code? No //是否使用ESLint检测你的代码。建议：No
? Pick an ESLint preset Standard
? Set up unit tests Yes //是否安装单元测试。建议：No
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes //是否安装E2E测试框架NightWatch（E2E（End To End），就是所谓的“用户真实场景”）。建议：No
? Should we run `npm install` for you after the project has been created? (recommended) npm //项目创建后是否要为你运行“npm install”?这里按照推荐，选择包管理工具。建议：yes use npm
웹팩 프로젝트 구문 시작
npm run dev