Getting started with vue basics

Vue.js is a progressive framework for building user interfaces. Unlike other heavyweight frameworks, Vue adopts a bottom-up incremental development design.

Vue’s core library only focuses on the view layer. It is not only easy to get started, but also easy to integrate with third-party libraries or existing projects.

On the other hand, Vue is also fully capable of powering complex single-page applications when combined with single-file components and libraries supported by the Vue ecosystem.

If you know something about angular, it will be very easy for you to learn vue.

Because on the one hand, if you know something about angular, you must have a certain front-end foundation. On the other hand, angular is developed by foreigners and our vue is developed based on angular

And it was developed by us Chinese, so the Chinese must have a better understanding of the programming habits of the Chinese people.

Let’s learn vue together!

First we need to introduce the vue.js file.

The mode we use to open vue is different from angular. The mode we use to open vue is new Vue()

Just a reminder V is uppercase `

What we pass into this object is a json

new Vue({
     el:"#app",
      data:{
             mag:"supper hero"   }
        })

html code:

<div id="app">{{mag}}</div>

Such a simple data display is completed.

The above is the detailed content of Getting started with vue basics. For more information, please follow other related articles on the PHP Chinese website!