Most simple and minimalistic way to run vue js single page app with Node. (No CDN)

Question

I am trying to learn how vue works without any other libraries, unless those are a necessity. Is there a way to create a simple vue js app (the most barebones) without web pack or vue-cli? Since those packages are not yet clear to me.

So far though I can embed it in HTML; however, Node does not run HTML files only JavaScript files.

<html>
  <head>

  </head>
  <body>

    <div id="container">
      <input type="text" id="container" placeholder="enter text" v-model="value">
      <p>{{ value }}</p>
    </div>


    <script>
        var Vue = require('vue');


      new Vue({
        el: '#container',
        data: {
          value: '',
        },
      });

    </script>

  </body>
</html>

I think you know the way but dont want to walk . please learn about webpack and vue-cli — Niklesh Raut
– Niklesh Raut, Commented Dec 26, 2018 at 4:26

tony19 · Accepted Answer · 2022-07-14 23:52:23Z

3

Have a look at: https://v2.vuejs.org/v2/guide/installation.html

You just need to have vue.js in script only.

For example: add it to your head tag <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

If you do not want to use CDNs download the vue.js and put it in you web app.

There is a good explanation at https://v2.vuejs.org/v2/guide/installation.html#Explanation-of-Different-Builds which may help you more.

Also have a look at https://v2.vuejs.org/v2/examples/.

edited Jul 14, 2022 at 23:52

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Dec 26, 2018 at 4:25

Alireza Fattahi

46.1k18 gold badges134 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Amadan Over a year ago

Agreed. If you really want to do things step-by-step, you should first learn just Vue.js (clientside), and just Node+Express (serverside).

Collectives™ on Stack Overflow

Most simple and minimalistic way to run vue js single page app with Node. (No CDN)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related