vue.js Vueインスタンス&データと方法

4670 ワード
vue.js vue 表示 front end vuejs テキストリンク
Vueは、vue関数を使用して新しいvueインスタンスを作成することから始まります.
	<body>
		<div>
			{{화면에}} {{출력되는 영역}}
		</div>
		<script>
			var vm = new Vue({   // vm인스턴스 부분
  				// 옵션 (함수 영역)
			})
		</script>
	</body>
ビューインスタンスの有効範囲をチェック
<template>
  <div id='test'> ------------- 여기부터 
      {{ message }}
  </div> ---------------------- 여기까지가 test인스턴스의 유효범위
</template>

<script>
  new Vue({
     el: '#test', ------------- 얘도 사실 vue/cli로 설정해주면
     		       		vue를 html파일에 직접 삽입할 때 말고는 쓸 일 많이 없음. 
     data: {
     	message: 'hello ~~'
     }
  })
</script>
ex returnにデータの情報をロードする場合、
Vue.jsで決めたデータをそのままここに置くからです.
データを書き込む必要はありません.
ex) this.data.person.name ( x )
this.person.name ( o )
•画面出力部に関数で作成した構成部品を出力する場合は、かっこを付ける必要があります.(パラメータ)
関数に関数を読み込んで使用することもできます.前にこれをつけます.
関数でパラメータを受信し、関数で使用できます.
vue.jsの関数を宣言する2つの方法
1)関数名:function(){}ex)nextYear:function(greeting){return}
2)関数名(){}ex)nextYear(挨拶){return}
注)vue.js
プログラマ-右かっこの数
[TIL]NestJS勉強5日目