Vue.js學(xué)習(xí)筆記之 helloworld
更新時間：2016年08月14日 16:11:05 投稿：hebedich
vue是法語中視圖的意思，Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有非常容易上手的API。有需要的小伙伴可以參考下
Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。
Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。
先來看一個簡單的示例，Hello,World!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue學(xué)習(xí)</title>
<script src="/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<!-- JavaScript 代碼需要放在尾部（指定的HTML元素之后） -->
<script>
new Vue({
el:'#app',
data: {
message:'Hello World!'
}
});
</script>
</body>
</html>
更多有關(guān)Vue.js學(xué)習(xí)的文章，請看這里：
相關(guān)文章
這篇文章主要介紹了TypeScript在vue中的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
下面小編就為大家分享一篇基于vue 動態(tài)加載圖片src的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
項目中我們可能會碰到導(dǎo)出Excel文件的需求，這篇文章主要介紹了vue中導(dǎo)出Excel表格的實現(xiàn)代碼，非常具有實用價值，需要的朋友可以參考下2018-10-10
這篇文章主要介紹了vue項目中怎樣嵌入其它項目的頁面問題,具有很好 的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
本篇文章主要介紹了vue頁面使用阿里oss上傳功能的實例（一），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
Vue.set()和this.$set()這兩個api的實現(xiàn)原理基本一模一樣,都是使用了set函數(shù),下面這篇文章主要給大家介紹了關(guān)于Vue.set與this.$set的用法與使用場景,需要的朋友可以參考下2022-03-03
今天小編就為大家分享一篇vue v-for直接循環(huán)數(shù)字實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
教你在Vue3中使用useStorage輕松實現(xiàn)localStorage功能
這篇文章主要給大家介紹了關(guān)于如何在Vue3中使用useStorage輕松實現(xiàn)localStorage功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)點擊復(fù)制到粘貼板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
本文是對bar進度條實現(xiàn)的2種方案進行分享，第一種是很簡單，純css的實現(xiàn)，第二種是echart的實現(xiàn)。對vue柱狀進度條圖像的實現(xiàn)方案，感興趣的朋友跟隨小編一起看看吧2019-08-08