CODEWITHSUNDEEP
vue.jsvuejs2
Un1
Un1

Reputation: 4132

What is the difference between importing Vue.js library and installing it via Vue-CLI?

Could you please explain what is the main difference between different Vue installation methods for building a one-page website (page routing) with Vue and an Electron app using Vue:

This installation guide doesn't really help understand the difference.

Is my site / app going to work slower if I just import Vue via <script>?

Upvotes: 5

Views: 6647

Answers (1)

Decade Moon
Decade Moon

Reputation: 34306

The <script> include is for including the Vue library in your webpage just like you would any other JavaScript library. Vue will be available on the window object for you to access globally. All external JavaScript must be included like this one way or another, even if you use vue-cli.

vue-cli is just a tool which generates Vue projects from templates. The setup really depends on the template that you use; I imagine most people would probably use the webpack template for medium to large sized Vue projects. This will initialize a node project directory containing all files necessary to develop, debug, test and build a Vue project. Webpack takes care of bundling all modules into a single JavaScript bundle which is included into the webpage via <script>. You can also benefit from vue-loader which allows you to write Vue components in *.vue files.

Is my site / app going to work slower if I just import Vue via <script>?

I mean, not really, no (your development speed might be hindered though since you won't benefit from all the bells and whistles that vue-cli sets you up with). Your question applies more to the development approach that you will follow for developing a Vue web application.

Upvotes: 8

Related Questions