Axios 작업 확인

1668 단어 Vue.jstech

CDN 읽기


<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script> 

axios 로드


vue 실례의 mounted에 다음 내용을 기록합니다.
다음 항목에서 #app을 지정합니다.
data.json 파일에 적당한 문자열을 넣으십시오.
    mounted: function ()  {
        var self = this;
        axios
            .get('data.json')
                .then(function (res) {
                    self.items = res.data;
                });
    },

확인


<body>
 <div id="app">
  {{ items }}
 </div>
</body>

잡담


cakephp3의 Controller 방법을 참조하려면 다음과 같은 방법을 참조하십시오
/Controller/hogeController.php
	public function hogefugaApi(){
		$this->autoRender = false;
		if($this->request->is('post')){
			echo 'post';
		}
		echo 'not post';
	}

/Template/Hoges/index.php
    mounted: function ()  {
        var self = this;
        axios
            .get('../hogefuga_api')
                .then(function (res) {
                    self.items = res.data;
                });
    },
https://www.webopixel.net/javascript/1471.html

좋은 웹페이지 즐겨찾기