인프런 커뮤니티 질문&답변

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

 

아래의 방법으로는 데이터가 정상적으로 나오지 않고

<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>
        const PostDetailApp = {
            delimiters: ['[[', ']]'],

            data() {
                message : 'hello!!'
            }
        }
        Vue.createApp(PostDetailApp).mount('#app')
    </script>

아래의 방법으로는 message 가 정상적으로 조회됩니다.

Vue 의 버전 차이 인것은 알겠는데 왜 3 버전으로는 message 가 출력되지 않을까요?

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>

<script>
        new Vue({
            el : '#app',
            delimiters: ['[[', ']]'],
            data : {
                message : '안녕하세요!! Vue!'
            }
        })
</script>