当前位置：网站首页>2. Template syntax

2. Template syntax

2022-07-03 19:38:00 【Shura MIUI】

Template syntax 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> Template syntax </title>
		<script type="text/javascript" src="./vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h1> Interpolation Syntax : Used to parse the contents of the tag body </h1>
			<h3> Hello ,{
    {
    name}}</h3>
			<hr>
			<h1> Instruction syntax : For parsing （ Tag attributes 、 Label content , The binding event ）</h1>
			<!--v-??? There are many kinds of -->
			<!--v-bind:href The in will be treated as an expression rather than a string -->
			<a v-bind:href="school.url">{
    {
    school.name}}</a>
			<!--v-bind:href Abbreviation =':'-->
			<a :href="web.url">{
    {
    web.name}}</a>
			<!-- Call expression -->
			<!-- <a v-bind:href="url.toUpperCase()"></a> -->
		</div>
	</body>
</html>

<script type="text/javascript">
	Vue.config.productionTip = false;
	new Vue({
    
		el: '#root',
		data: {
    
			name: 'jack',
			school: {
    
				name: ' Guangzhou Vocational College ',
				url: 'https://www.gdpt.edu.cn/'
			},
			web: {
    
				name: ' Baidu ',
				url: 'https://www.baidu.com/'
			}
		}
	})
</script>
原网站

版权声明
本文为[Shura MIUI]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202150128090081.html

边栏推荐

猜你喜欢

随机推荐