vue.js初相識

vue.js

ue.js 是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，Vue 徹底有能力驅動採用單文件組件和Vue生態系統支持的庫開發的複雜單頁應用。
除vue.js外還有AngularJS和react等框架結構

vue.js的是mvvm模式（Model-View-ViewModel)

iewModel是Vue.js的核心，它是一個Vue實例.從View側看，ViewModel中的DOM Listeners工具會幫咱們監測頁面上DOM元素的變化，若是有變化，則更改Model中的數據；
從Model側看，當咱們更新Model中的數據時，Data Bindings工具會幫咱們更新頁面中的DOM元素
總之model與view經過viewModel之間相互檢測

vue.js的引用 爲

<script src="https://unpkg.com/vue"&g...

聲名式渲染

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

雙向綁定示例 (文本框內容改變p標籤裏的內容作出相應的改變)

<div id="app">
    <p>{{ message }}</p>
    <input type="text" v-model="message"/>
</div>
new Vue({
    el:'app',
    data:{
        message:qweryun
    }
    
})//

Vue.js 的語句

*v-on:事件
*v-for 循環語句
*v-if 判斷
*v-model在input標籤中用到
以上標籤在下面網址中有用到
https://hxj886600.github.io/z...

組件

組件的實例在也下文檔中
https://hxj886600.github.io/z...

Vue.js的安裝

全局安裝 vue-cli
$ npm install --global vue-cli

建立一個基於 webpack 模板的新項目

$ vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev