반응형 Vue8 같은 컴포넌트 레벨의 통신방법 var appHeader = { template: 'Header', props: ['propsdata'] // 4. props로 상위 컴포넌트에서 num의 값을 받아온다. } var appContent = { template: 'Contentpass', methods: { passNum: function() { this.$emit('pass', 10); // 1. pass라는 이벤트에 10을 인자로 넘김 } } } new Vue({ el: '#app', components: { 'app-header': appHeader, 'app-content': appContent }, data: { num: 0 }, methods: { deliverNum: function(val) { this.num = val; }.. 2019. 10. 30. Vue.js에 대해 Vue는 요즘 핫한 자바스크립트 프레임워크로 사용되고 있다. React와 Angular가 항상 비교 대상이였지만, Vue의 등장으로 크게 3가지로 비교되고 있다. Vue의 등장은 신선했다. 왜냐하면 Vue.js는 혈통 없이 React와 Angular의 성공과 실패로부터 만들어졌다. 크게 React(Virtual DOM)와 Angular(양방향 바인딩)의 장점을 가져왔기에, 반은 먹고 들어간다. Vue.js의 장점들은 다음과 같다. 1. 학습 곡선이 낮다. Vue를 접해보았다면, 굉장히 쉽다는 것을 느꼈을 거라 생각한다. 사실 사람마다 틀릴 수 있으나, 알려진 학습 곡선은 Angular > React > Vue 순이 된다. Vue의 공식 문서도 이해하기 쉽게 설명했다고 생각한다. 한글 번역까지 많은 분들이.. 2019. 9. 25. 이전 1 2 다음 반응형