App下載

如何引入Vue.js?

猿友 2021-03-23 10:56:34 瀏覽數(shù) (8530)
反饋

Vue.js 是常用構建用戶界面的漸進式框架,由于簡單易學,功能強大受到許多開發(fā)者的喜愛。那么在前端頁面中,我們如何引入Vue.js呢?這篇文章告訴你。

首先我們需要新建一個 HTML 文件,在 <head></head> 中引入用 ?<script></script>? 標簽引入 Vue.js。Vue.js 的文件地址為:https://vuejs.org/js/vue.js

如下:

<script src="https://unpkg.com/vue/dist/vue.js"></script>

此時,我們就可以編寫一個簡單的 vue 代碼了。

如:

<body>
	<div id="app">
		{{message}}
	</div>
	<script>
	var app=new Vue({
	el:'#app',
	data:{
	message:'hello vue'
}
})</script>
</body>

在未引用 Vue.js 文件時,頁面輸出為{{message}},而引用 Vue.js 文件后,此段代碼輸出為 hello vue。

如何引入vue

vue 框架是一個功能強大的前端框架,Vue.js 的引入只是它的第一步,更多好用的功能值得我們繼續(xù)學習。以上就是如何 Vue.js 的全部內容,更多 Vue.js 學習請關注 w3cschool 官網。

推薦課程:vue.js2.0教程、 vue2.0進階學習


0 人點贊