• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

vue CDN 문의

22.06.30 18:57 작성 조회수 131

0

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

답변 1

답변을 작성해보세요.

0

안녕하세요. 독자님.

Vue 3 쪽에 data() 문법이 잘못 되었습니다. return {...} 이 필요합니다.

        data() {
            return {
                message: "Hello",
            }
        },