# 환경 구축, 서버 없음, HTML 파일 1개만으로 Vue js를 순식간에 실행합니다.(초보자를 위한 강좌를 시작하고 싶다)

3835 단어 Vue.js

local에서 html 파일 만들기


자체 컴퓨터에서 파일 제작, 편집 및 액세스~/start.html
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app"></div>

<script>
new Vue({
  template: '<p></p>',
  data:{ msg:'hello world!' }
}).$mount('#app')

</script>
open ~/start.html이렇게 움직인 것 같아.

나는 npm 따위를 준비하지 않으면 움직이지 못할 줄 알았는데, 뜻밖에도

튜토리얼의 두 번째


잘 움직여.
마우스를 텍스트 위에 놓으면 팝업됩니다.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app-2">
  <span v-bind:title="message">
    Hover your mouse over me for a few seconds
    to see my dynamically bound title!
  </span>
</div>

<script>
var app2 = new Vue({
  el: '#app-2',
  data: {
    message: 'You loaded this page on ' + new Date().toLocaleString()
  }
})
</script> 

온라인 사이트 사용 시


공식 사이트
액세스하면 HTML/Javascript가 입력되어 Run을 실행하는 작업인 것 같습니다!

참고 자료


"Vue js 시작"에 이 일이 쓰여 있는데, 원래 방대한 문서 중 어느 것이'시작의 시작'인지 초보자는 모른다.
이 "시작"에 설치 버튼이 있는데 거기서 npm 이야기가 나오겠지...

Original by Github issue

좋은 웹페이지 즐겨찾기