vue基本介紹
阿新 • • 發佈：2018-01-25
ctype doctype 大型框架 gin model ner 示例 content 工具鏈
https://cn.vuejs.org/v2/guide/
Vue (讀音 /vju?/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關註視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
簡單的來說:它是一個構建用戶界面的javascript框架
使用vue
1）引入vue.js
<script src=vue.js></script>
2) 展示html
<div id="app"> <input type="text" v-model="msg"> <p>{{msg}}</p> </div>
3)建立vue對象
new Vue({
el: "#app", //表示在當前這個元素內開始使用VUE
data:{
msg: ""
}
})
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="vue.js"></script> <title>Title</title> </head> <body> <div id="app"> <input type="text" v-model="message"><br> {{msg}} </div> </body> <script> var vm=new Vue({ el:‘#app‘, data:{ message:‘‘ } }) </script> </html>
效果:
vue基本介紹