Summary: this tutorial will introduce you to
the Vue.js progressive framework
Introduction to Vue.js progressive
framework
What is Vue.js ?
Vue.js is a progressive framework for
building user interfaces. Unlike other monolithic frameworks, Vue is designed
from the ground up to be incrementally adoptable. The core library is focused
on the view layer only, and is easy to pick up and integrate with other
libraries or existing projects.
How can start Vue.js framework
Assumes intermediate level knowledge of HTML,
CSS, and JavaScript. If you are totally new to frontend development, it might
not be the best idea to jump right into a framework as your first step - grasp
the basics then come back! Prior experience with other frameworks helps, but is
not required.
<!-- development version, includes helpful
console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
or:
<!-- production version, optimized for size
and speed -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
|
At the core of Vue.js is a system that enables us
to declaratively render data to the DOM using straightforward template syntax:
<div id="app">
{{
message }}
</div>
|
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
|
output - Hello Vue!
Features of Vue.js progressive framework
Following are the features available with VueJS.
- Virtual DOM
- Data Binding
- Components
- Event Handling
- Animation/Transition
- Computed Properties
- Templates
- Directives
- Watchers
- Routing
- Lightweight
- Vue-CLI
If was this tutorial helpful? so please share by
social media and with friends
0 comments:
Post a Comment