vue.js与后台{{}}冲突的解决办法

2023-06-20 14:16•杂谈•阅读 4357

用delimiters替代{{}}

<!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 javascript string">"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>

varvm =newVue({

el:"#app",

data: {

name:"苹果",

price: 10,

num: 1

},

delimiters:['ccx',"/ccx"]

});

</script>

</html>