2018 - 04 - 24 axios 와 Vue 입문

1. 소개

jQuery 해석

$.ajax()  //ajax    axios  

$('#btn')
$a.addClass  //DOM    vue.js  
//     jquery

2. Vue

template 의 가장 바깥쪽 은 첫 번 째 div 만 받 기 때문에 모든 것 을 하나의 div 로 싸 야 합 니 다

페이지 에 Hello Vue 가 표 시 됩 니 다!


  {{ message }}

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

다른 데 이 터 를 사용 하 는 방법

v-bind:title="message"
v-bind:title='message'
v-bind:title=message
v-bind:title=this.message

v - if 에 진짜 값 이면 p 가 표 시 됩 니 다

v-for

data: {
  tabs: [1,2,3,4,5]
}

//  5 li

  {{tab}}

양 방향 귀속!


      //  data x  ，    x   ，data      
    {{x}}  //    x，  x

3. axios 와 vue 의 프로젝트

jq 와 axios 버 전 (jsbin 에 복사 하여 실행)

axios 와 vue 버 전

vue version onclick

vue 버 전 윤 방

vue - for 윤 방

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다