如何使用 CSS 屬性選擇器 select vue js el？

Question

我有這個 HTML：

<div data-identifier='app'>
   ...
</div>

我有這個 Vue js 代碼：

      var app = new Vue({
            el: '[data-identifier]',
            data: {
                
            },
            methods: {

            }
        });

但似乎 Vue 不理解[data-identifier] CSS 選擇器。

如何在 Vue js 中使用屬性 CSS 選擇器？

Answer 1

它應該如下所示工作：

 var app = new Vue({ el: '[data-identifier]', data: { msg:"hello" }, methods: { } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div data-identifier='app'> {{msg}} </div>