I used a free template Osahan – Free Responsive Business Bootstrap Template to demonstrate some of the features remarkable library Vue.js.
Main features of the package:
- can build reactive Web user interfaces.
- an process HTML templates to generate Web application views that be composed by different parts.
- assembly of modules is done by technology Asynchronous module definition (AMD). To ensure this technology is used library RequireJS is a JavaScript file and module loader.
- to separate the data used Vuex (state management pattern) for Vue.js applications.
- provides routing via Vue-Router to create a Single Page Application.
- the user interface is built using Bootstrap3 is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
- Clone or download vue-business-light project with git.
- Configure the web server so that the entry point was
index.html. - Access your project url with web browser (eg. http://localhost/vue-business-light/index.html).
Main features of the Vue.js:
- Reactivity.
- Components .
- Modularity.
- Animations.
- Routing.
- Stability.
Vue.js (pronounced /vjuː/, like view) is a library for building interactive web interfaces. The goal of Vue.js is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible.
Vue.js itself is not a full-blown framework - it is focused on the view layer only. It is therefore very easy to pick up and to integrate with other libraries or existing projects. On the other hand, when used in combination with proper tooling and supporting libraries, Vue.js is also perfectly capable of powering sophisticated Single-Page Applications.
If you are an experienced frontend developer and want to know how Vue.js compares to other libraries/frameworks, check out the Comparison with Other Frameworks;
To optimize, run:
node app/js/r.js -o build_require.js
That build command creates an optimized version of the project in a public directory. The main.js file will be optimized to include all of its dependencies.
For more information on the optimizer: http://requirejs.org/docs/optimization.html
For more information on using requirejs: http://requirejs.org/docs/api.html