Vue.js(1. CDN, Codepen)
3252 ワード
1. Vue.jsインストール
https://v3.ko.vuejs.org/guide/installation.html
01.各バージョンの情報は発行説明を参照してください。
https://github.com/vuejs/vue-next/releases
02.CDN方式
<script src="https://unpkg.com/vue@next"></script>
03. npm
# latest stable
$ npm install vue@next
2. Codepen.io
<script src="https://unpkg.com/vue@next"></script>
# latest stable
$ npm install vue@next
<script src="https://unpkg.com/vue@next"></script>
<div id="app">
<!-- {{}}를 통해서 전달받은 인수를 반영하는 방법(반응성(Reactivity)) -->
<h1>{{ message }}</h1>
</div>
// .mount( Vue를 적용할 html 태그 선택자)
// .createApp({}) <- 인수로 객체를 전달
Vue.createApp({
data() {
return {
message : 'Hello Vue!'
}
}
}).mount('#app')
Reference
この問題について(Vue.js(1. CDN, Codepen)), 我々は、より多くの情報をここで見つけました https://velog.io/@ansalstmd/Vue.js1.-CDN-Codepenテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol