Vue2, Vue3のdelimiters変更方法

2024年2月10日2024年3月4日

<div id="app">
  [[ message ]]
</div>
<script>
  var app = new Vue({
      el: '#app',
      delimiters: ['[[', ']]'],
      data: {
        message: 'Hello Vue!'
      }
  });
</script>

【Vue3】デリミタの変更方法

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<div id="app">
  [[ message ]]
</div>
<script>
    createApp({
        delimiters: ['[[', ']]'],
        data() {
            return {
                message: 'Hello Vue!',
            };
        },
    }).mount("#app");
</script>