vue.js學習筆記，vue如何生成頁面
1、.vue 頁面經過webpack打包工具，生成對應的 .html .js .css檔案
3、Vue.js元件的重要選項
》data
Vue所有的資料都是放在data裡面的（model層），新建一個Vue物件時，其引數也是一個物件data
》methods
存放Vue的方法，該方法可以取到data裡面的資料。
》watch
監聽作用，監聽data裡面的資料，或者頁面元素，在發生特性動作時執行相應的方法。
3、Vue物件設定通過HTML指令進行關聯
模板指令（優勢：雙向繫結，自動更新）
》資料渲染：{{}} v-text v-html
》控制模組隱藏： v-if v-show
區別：v-if 不進行渲染，v-show是經過渲染的，在CSS裡用display： none達到相應的效果
》渲染迴圈列表： v-for
》事件繫結： v-on
可將元素繫結到事件（methods裡的一個方法），兩種寫法 ：v-on：click=“dothis” or @click=”dothis”
》屬性繫結：v-bind
v-bind:src = “imageSrc” (全寫)
:calss = “{red:isRed}” （略寫）
相關推薦
vue.js學習筆記，vue如何生成頁面
1、.vue 頁面經過webpack打包工具，生成對應的 .html .js .css檔案 3、Vue.js元件的重要選項 》data Vue所有的資料都是放在data裡面
vue.js學習筆記，一、安裝部署
1、sudo npm install -g cnpm –registry=https://registry.npm.taobao.org 安裝cnpm淘寶映象 2、cpm -v 3、
Vue.js學習筆記——請求資料的幾種方式（v-resource，axios）
一、 v-resource 1. 在搭建好腳手架之後，安裝v-resource ——npm/cnpm install v-resource --save 2. 在main.js中進行註冊 import VueResource from 'vu
vue.js學習筆記
bsp 系統 特性 學習 數據綁定 學習筆記 開始 問題 mvvm模式 1、vue.js的目的 Vue的產生主要是解決三個問題 1.1、主要解決的是數據綁定的問題 1.2、主要是構建大型的單頁面程序，解決app頁面卡頓的問題 1.3、支持組件式開發，采用積木式編程
北風網-Vue.js 學習筆記
構造 應用 var json extend end 實例 定義 元素 第3節視頻：Vue.js的構造器和擴展 一、Vue.js的構造器 1、每個Vue.js應用都是通過構造函數Vue 創建一個根實例。 var vm = new Vue({ //選
vue.js學習筆記（Vuejs——組件——props數據傳遞）
元素 綁定 筆記 即使 大小寫 return span com 簡單 ①組件實例的作用域： 是孤立的，簡單的來說，組件和組件之間，即使有同名屬性，值也不共享。 <div id="app"> <add></add>
Vue.js學習筆記總結1
tle clas 吃飯 line als list bool 都是 數據驅動 一、vue介紹 vue類似於高級的模版引擎 vue的核心思想就是：數據驅動視圖 MVVM <div id="app"> {{ message }} </div> var
Vue.js學習筆記（二）
head 改變 vue ntb con UNC 關註 tle element Vue.js不支持IE8及以下的版本，因為vue使用了IE8無法模擬的ECMAScript5的特性，它支持所有兼容ECMAScript5的瀏覽器。 1 <!DOCTYPE html>
vue.js學習筆記1——安裝及創建並運行vue實例
log tip light js學習筆記 vue-cli project 作者 require 需求 vue安裝： $ npm install vue vue-cil安裝： $ npm install -g vue-cli 創建webpack實例： $
vue.js學習筆記（七）--外掛
在日常的專案中，如果我們需要頻繁的使用某些功能，那麼最好的辦法就是將這個功能封裝成函式來使用。在vue中，我們同樣也會經常將常用的元件分離出來，這樣既便於我們的使用，同時也便於之後的維護。 同樣，當某個元件在許多專案中都要頻繁的使用，那麼我們可以將其寫成一個外掛，vue官方的文件中也
vue.js學習筆記（六）--利用v-model實現父子元件間的雙向通訊
部落格：https://fisher-zh.github.io/ 在Vue中，我們可以使用prop屬性來進行父子元件間的通訊，在之前的文章Vue踩坑之路–父子元件通訊總結中有介紹過。 但是prop 是單向繫結的，我們無法在元件中直接修改prop傳遞的屬性。
vue.js學習筆記（五）--axios中取消請求
部落格：https://fisher-zh.github.io/ 在平時的開發過程中，我們會經常遇到選單切換的問題，在一些切換頻率較低的情況下，在切換到另一個頁面的時候，上一個頁面基本沒有未完成的非同步請求，即時有，在一些情況下也是可以忽略的。但是，在一些切換頻率較高的
vue.js學習筆記（四）--變化檢測問題
部落格地址：https://fisher-zh.github.io Vue追蹤變化是通過把一個普通 JavaScript 物件傳給 Vue 例項的 data 選項，Vue將遍歷此物件所有的屬性，並使用 Object.defineProperty 把這些屬性全部轉為 g
vue.js學習筆記（三）--父子元件通訊總結
部落格地址：https://fisher-zh.github.io 在使用Vue的過程中，如果需要進行父子元件間的通訊，通過查閱官方文件 我們可以瞭解到只需要在子元件要顯式地用 props選項宣告它期待獲得的資料，同時在其使用過程中傳入相應的資料即可，例如： Vu
vue.js學習筆記（二）--指令的使用
部落格地址：https://fisher-zh.github.io vue之實現列表的新增點選。 使用指令：v-on v-for v-on v-bind v-model html <!DOCTYPE html> <html lang="en"&
Vue.js 學習筆記
{{}} 顯示js介面傳過來的資料 v-bind 繫結提示資訊 v-if 條件語句 v-for 繫結陣列資料 v-on 新增一個事件監聽器，通過它可以呼叫Vue例項中定義的方法 v-model 表單輸
【Vue.js學習筆記】9：使用npm搭建Vue-CLI腳手架並建立Vue專案
在第一篇的時候確實可以建立，這次跟著視訊搭建一次，比較一下和上次的區別，更正一下上次的錯誤操作，加深理解。 重新搭建Vue-CLI腳手架 在Node.js的安裝目錄下，刪除node_cache/和node_global下的所有內容，即讓Node處於剛剛安裝完成的狀態，連cnpm也
【Vue.js學習筆記】8：建立多個Vue例項物件,認識Vue中的元件
建立多個Vue例項物件 這裡在同一個js檔案中建立了兩個Vue例項物件，它們各自能完成前面學的那些功能，同時使用物件名稱也可以互相訪問，協同實現一些功能。 index.html <!DOCTYPE html> <html lang="en" xmlns:v-
【Vue.js學習筆記】7：v-for渲染,Vue的小Demo
v-for渲染 v-for是Vue中常用的列表渲染方法， 可以將一個列表渲染為一系列的HTML元素，也可以用來遍歷物件內的k-v對。另外關於模板元素渲染在官方文件上見這裡。 index.html <!DOCTYPE html> <html lang="en"
【Vue.js學習筆記】6：動態繫結CSS樣式,條件渲染和v-show
動態繫結CSS樣式 這部分涉及官方文件中的Class與Style繫結。 index.html <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns: