{{ }} 的替换 delimiters

最新推荐文章于 2025-09-12 14:04:02 发布

转载最新推荐文章于 2025-09-12 14:04:02 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nns4/p/8796530.html

文章标签：

#javascript #ViewUI

本文展示了一个使用Vue.js框架创建的简易网页示例。该示例通过Vue的数据绑定功能显示了一个产品名称、价格和数量，并自定义了模板分隔符。此页面未涉及复杂的业务逻辑或组件交互。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>

		<div id="app">
ccx num /ccx
		
			
		</div>
	</body>
	<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mb.js" type="text/javascript" charset="utf-8"></script>
	<script>
	  
		var vm = new Vue({

			el: "#app",
			data: {
				name: "苹果",
				price: 10,
				num: 1
			},
		delimiters:['ccx',"/ccx"]

		});
	</script>

</html>

转载于:https://www.cnblogs.com/nns4/p/8796530.html