事实上,在 Opencart3 中,{{}} 指令负责在 .twig 模板中显示变量。在 VUE 中,{{}} 指令还负责显示变量。结果,当连接到VUE twig模板时,什么都没有显示
树枝模板:
<section id="app">
<p v-on:click="delBr">{{ age }}</p>
</section>
<script>
var app = new Vue({
el: '#app',
data: {age:25},
methods: {
delBr: function(){
var width = document.body.clientWidth;
if(width < 992)
console.log(width)
}
})
</script>
delBr 功能有效
您可以使用所谓的分隔符。例子:
或者,如果您不想更改分隔符-
Vue
您可以在Twig