๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web/Vue

[Vue] Delimiters ๋ณ€๊ฒฝ

๋ฐ˜์‘ํ˜•

Delimiters [[ ]] ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ

delimiters: ['[[', ']]'] ๋„ฃ์–ด์ฃผ๊ณ 

{{ }} ๋Œ€์‹  [[ ]] ๋กœ message ์ถœ๋ ฅ!

<!DOCTYPE html>
<html lang="en" >
<head>
	<meta charset="UTF-8">
	<title>delimiters</title>
</head>
<body>
	<div id="app">
	  <h1>[[ message ]]</h1>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	<script>
		var app = new Vue({
			delimiters: ['[[', ']]'],
			el: '#app',
			data: {
				message: 'Hello Vue!'
			}
		})
	</script>
</body>
</html>

์˜์–ด
ํ•œ๊ธ€

https://vuejs.org/v2/api/#delimiters

 

API — Vue.js

Vue.js - The Progressive JavaScript Framework

vuejs.org

https://kr.vuejs.org/v2/api/#delimiters

 

API — Vue.js

Vue.js - ํ”„๋กœ๊ทธ๋ ˆ์‹œ๋ธŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ

kr.vuejs.org

 

๋ฐ˜์‘ํ˜•

'Web > Vue' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Vue.js] CLI ์„ค์น˜ํ•˜๊ธฐ  (0) 2020.12.14
[Vue.js] Vuetify, v-data-table  (0) 2020.12.02
Vuetify, refs  (0) 2020.11.27
[Vue] Vuetify Quick Start  (0) 2020.07.14
[Vue] ์‹œ์ž‘ํ•˜๊ธฐ!  (0) 2020.07.13