Javascript 仅调用一次x-init

在我的代码中，如果我调用两个x-init，那么只有根DOM元素中的第一个x-init会运行

如何使用muliple x-init？ 我是否只在处理程序中使用on

... 
...
...
函数jpeHandler（）{
返回{
数据：{'foo'：'bar'}，
init（）{
返回console.log（'这不会在控制台中打印'）；
},
}
}

x-init

仅对具有

x-data

的元素有效，因此您无法在子元素的init上运行某些内容，除非将其作为单独的组件（通过向其添加

x-data

）

<form action="/some/url" method="POST" x-data="someHandler()" x-init="console.log('this will print in console')">
        ... 
        <div  x-init="console.log('this will NOT print in console')">
            ...
        </div>
        ...
    </form>
    <script>
    function jpeHandler() {
        return {
          data: {'foo':'bar'},
          init(){
            return console.log('this will NOT print in console');
          },
          }
     }
    </script>