webapp:vue.js
문서의 이전 판입니다!
목차
~~Title: Vue.js 시작~~
공부용 템플릿
파일 1개로 만들어서 해볼 수 있는 형태
결과 화면에는 Hi 뷰(Vue)
가 표시된다.
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <meta name="keywords" content="vue"> <meta name="description" content=""> <title>VUE test 1</title> </head> <body> <!-- 템플릿 부분 --> <div> <div id="app1"> <p>{{ message1 }}</p> </div> </div> </body> <!-- vue.js 포함 --> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> <!-- vue.js 코딩 부분 --> <script type="text/javascript"> var app = null; app = new Vue({ el: '#app1', data: { message1: 'Hi 뷰(Vue)' } // 텍스트 바인딩 }); </script> </html>
webapp/vue.js.1620540127.txt.gz · 마지막으로 수정됨: 2024/04/23 22:42 (바깥 편집)