May 29, 2021 Article blog
Vue .js is a progressive framework commonly used to build user interfaces and is loved by many developers for its ease of learning and power. S o how do we introduce Vue .js on the front page? This article tells you.
First we need to create a new HTML file that introduces Vue .js with
<script></script>
tags in the <head ></head >.
The file address of Vue .js is:
https://vuejs.org/js/vue.js
as follows:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
At this point, we can write a simple vue code.
as:
<body>
<div id="app">
{{message}}
</div>
<script>
var app=new Vue({
el:'#app',
data:{
message:'hello vue'
}
})</script>
</body>
When the Vue .js file is not referenced, the page output is . . . and when Vue .js file is referenced, the code output is hello vue.
The vue framework is a powerful front-end framework, and the introduction of the Vue .js is only the first step, and more useful features are worth learning. Here's how Vue .js the full story, and more Vue .js Learn to follow w3cschool.com.
Recommended courses: vue.js2.0 tutorial, vue2.0 advanced learning