始める

vue instance に property を与える。一番大事なのは、 el property

文字列で指定する。どの HTML 要素を、Vue インスタンスのコントロール下に置くかを指定する。css セレクタで書けばいい。.class #id

import Vue from 'vue'
new Vue({
    el: '#app'
})

main.js

import Vue from "vue";

new Vue({
  el: "#app",
  // template に埋め込むためのデータ
  data: { 
    title: "title"
  }
});

index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>CodeSandbox Vue</title>
</head>

<body>
	<!-- vue インスタンスのコントロール下にある。template となる。 -->
	<div id="app">
		<!-- この部分に vue インスタンスの data が入る -->
		{{ title }} 
	</div>
	<!-- built files will be auto injected -->
</body>

</html>

PreviousInitial page Nexton directive

Last updated 7 years ago