vuejs准備知識:
1、前端開發基礎 html css js
2、前端模塊化基礎
3、對es6有初步的了解
vuejs是一種輕量級的MVM框架,他吸收了react和angular的優點,強調react組件化的概念,可以輕松的實現數據和展現的一個分離,也吸收了angular靈活的指令和頁面操作的一些方法
https://cn.vuejs.org/
這是vuejs的官網,對中文的支持非常好,包括社區,示例,博客,都有中文的版本,這是因為vuejs的作者是中國人,但這不能證明vuejs在國際上的知名度會比較低,恰恰相反,vuejs在國際上是非常有潛力的框架,我們看幾個vue的幾個簡單的示例
示例:
html
<div> <p>{{message}}</p> <input v-model="message"> </div>
js
var demo = new Vue({ el:'#demo', data:{ message:'Hello vue.js!' } })
{{message}}是一種常用的模板的渲染方式,這個message就是js里面新建的vue對象的data里面的message
v-model是一個指令,這個指令的意思是將message這個字段關聯到input里面,當修改input里面的文案的時候,p標簽里面的文案也會跟着變動,這就是雙向綁定的一個實現
雙向綁定
在頁面上進行的輸入,會綁定到js代碼里面到message,js里面message的變動也會體現在調用message的地方,這就是所謂的雙向綁定