title: VueJS not render data on DOM inside electron application
body: <p>I have an electron project where I'm implementing vuejs inside it. I'm able to load vue script and the browser window will open correctly the index.html file that contains the GUI that is made using bootstrap 4. I've noticed that the vue instance will not process the syntax <code>{{ hello }}</code> that is used by vue. I don't know where the problem is, but I think it's something related with the electron way of work that will cause problems to vue ?</p>
  
  <p>I've installed it using the <code>npm install vue --save-dev</code> and all the project dependencies like bootstrap and jQuery was installed with the same method. </p>
  
  <p>here is my code</p>
  
  <p>package.json file</p>
  
  <pre><code>{
    "name": "clients-manager",
    "version": "1.0.0",
    "description": "A simple hosting credentials manager app",
    "main": "main.js",
    "scripts": {
      "start": "electron ."
    },
    "license": "ISC",
    "dependencies": {
      "bootstrap": "^4.4.1",
      "dexie": "^2.0.4",
      "jquery": "^3.4.1",
      "popper.js": "^1.16.1",
      "vue": "^2.6.11"
    }
  }
  </code></pre>
  
  <p>main.js Javascript </p>
  
  <pre><code>const electron = require('electron');
  const { app, BrowserWindow } = electron;
  
  function createWindow(){
    let win = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        nodeIntegration: true
      }
    });
    win.loadFile('index.html');
  
    var myapp = new Vue({
      el: '#app',
      data: {
        hello: 'Hello Vue!'
      }
    });
    console.log(myapp);
  }
  app.whenReady().then(createWindow);
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;div class="col-4" id="app"&gt;
    &lt;ul class="nav ml-auto"&gt;
      &lt;li class="nav-item"&gt;
        &lt;a class="nav-link" href="#"&gt;{{ hello }}&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>