Vue HelloWorld 설치없이 시작하기.

설치없이 vue를 사용해서 웹페이지 hello world 출력하기

 

• vue v3를 사용해 설치 없이 진행합니다.
• 텍스트 에디터만 있으면 됩니다.

 

<script src="https://unpkg.com/vue@3"></script>

<div id="app">{{ message }}</div>

<script>
  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: 'Hello World!'
      }
    }
  }).mount('#app')
</script>

HelloWorld.html

https://github.com/pish-io/exchange/blob/main/www/basic/HelloWorld.html

위에 코드를 복사해서 HelloWorld.html파일을 생성 합니다.

 

 

파일이 생성되었으면, 해당 파일을 웹브라우저에 드래그 해서 놓습니다.
Hello World!가 출력 되는것을 볼 수 있습니다.

파일을 드래그해서 브라우저에 놓습니다.