# 환경 구축, 서버 없음, 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
Reference
이 문제에 관하여(# 환경 구축, 서버 없음, HTML 파일 1개만으로 Vue js를 순식간에 실행합니다.(초보자를 위한 강좌를 시작하고 싶다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YumaInaura/items/e494e2474f9f09feaa3d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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>
잘 움직여.
마우스를 텍스트 위에 놓으면 팝업됩니다.
<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
Reference
이 문제에 관하여(# 환경 구축, 서버 없음, HTML 파일 1개만으로 Vue js를 순식간에 실행합니다.(초보자를 위한 강좌를 시작하고 싶다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YumaInaura/items/e494e2474f9f09feaa3d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
"Vue js 시작"에 이 일이 쓰여 있는데, 원래 방대한 문서 중 어느 것이'시작의 시작'인지 초보자는 모른다.
이 "시작"에 설치 버튼이 있는데 거기서 npm 이야기가 나오겠지...
Original by Github issue
Reference
이 문제에 관하여(# 환경 구축, 서버 없음, HTML 파일 1개만으로 Vue js를 순식간에 실행합니다.(초보자를 위한 강좌를 시작하고 싶다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YumaInaura/items/e494e2474f9f09feaa3d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(# 환경 구축, 서버 없음, HTML 파일 1개만으로 Vue js를 순식간에 실행합니다.(초보자를 위한 강좌를 시작하고 싶다)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/YumaInaura/items/e494e2474f9f09feaa3d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)