Muscardinus

Vue 실행 본문

FrontEnd/Vue

Vue 실행

Muscardinus 2021. 12. 17. 01:27
728x90

https://v3.vuejs.org/guide/installation.html#vite

 

Installation | Vue.js

Installation Vue.js is built by design to be incrementally adoptable. This means that it can be integrated into a project multiple ways depending on the requirements. There are four primary ways of adding Vue.js to a project: Import it as a CDN package on

v3.vuejs.org

해당 링크에는 여러가지 방법으로 Vue를 실행시킨다. 그 중 가장 간단한 CDN 방법을 사용하겠다.

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

해당 tag를 html안에 넣으면 vue가 우리의 html에서 실행될 것이다.

 

<!DOCTYPE html>
<html>
  <head>
    <title>VueJS Course</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
  </head>
  <body>
    <div id="app">Hey</div>
    <script src="https://unpkg.com/vue@next"></script>
    <script src="app.js"></script>
  </body>
</html>

그리고, app.js 파일에서 사용하기 시작하면 된다.

 

Vue.createApp({}).mount('#app');

id가 app인 tag에 mount를 실행한다.

728x90

'FrontEnd > Vue' 카테고리의 다른 글

v-bind  (0) 2021.12.28
v-model  (0) 2021.12.28
v-cloak  (0) 2021.12.28
Method 사용  (0) 2021.12.28
data 받기  (0) 2021.12.17
'FrontEnd/Vue' Related Articles more
Comments