Vue.js找不到模板文件夹

Question

我正在构建一个带有cordova，离子和 angular vue.js的应用程序。 我有一个带有html文件的模板文件夹，其中包含我对index.html的离子视图。

但是现在我遇到的问题是我无法从这个模板文件中获取有关html标签id的元素。

我的vue.js正在运行。所以这不是问题。我可以将vue.js数据包含到index.html中，但不能包含在templates文件夹中的html文件中。

这是我的文件结构

这是来自vuestuff.js文件的vue js代码。 id为#inputWrapper的div位于模板文件夹中的liste.html文件中。

new Vue({
  el: '#inputWrapper',
  data: {
    title: 'Hello World'
  }
})

这是我的HTML代码：

<ion-footer-bar>
    <div id="inputWrapper">
      <input id="entryInput" type="text" ng-focus="1==1" placeholder="Eintrag"><span><button class="" > Add </button></span>
    </div>
  </ion-footer-bar>

我希望你能帮助我:)。