[前端] vue3中修改模板變量分隔符--GOFLY在線客服-GO語言實現開源獨立部署客服系統

vue中的模板分隔符是{{   }}  兩個大括號

但是在很多後端語言或者模板中,這個符號有可能被佔用了,因此需要修改下

在vue2中可以使用

new Vue({
    el: '#app',
    delimiters:["<{","}>"],

在vue3中需要使用這種方式

    const App = {
        compilerOptions: {
            delimiters: ['${', '}'],
            comments: true
        },
        data() {

模板中這樣取變量

${ message }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章