vue基礎筆記

v-指令 

v-if，v-else-if, v-else： 根據條件是否插入元素

v-for 迴圈：對資料進行迴圈遍歷，第一引數是值，第二個引數是下標

v-for:"item in datas",  v-for:"(item, index) in datas"

v-show: 是否顯示元素

v-bind：繫結動態屬性，縮寫為『:』，常用於屬性值是動態變數，class, style,

樣式繫結： v-bind:class = ""

v-model：繫結控制項，不同控制項型別根據相應的方法返回正確的值

}： 繫結資料，和v-text用法一樣

v-text:  以文字的方式渲染資料

v-html：輸出html**

v-on:eventname,

v-on的縮寫為『@』, @eventname

內容可以是函式名，也可以是js語句，表示式

資料傳遞

子元件獲取父元件資料： props

子元件傳遞資料到父元件：

子元件：this.$emit(』eventname『);

父元件：v-on:eventname

監聽資料屬性 watch

通過watch屬性響應元件資料的變化

watch:

}

通過計算或者一些資料的變化，返回想要的資料

coumpted:

}

對資料進行過濾，可以改變資料格式，過濾資料內容

// item預設是formatmoney的第乙個引數，

可以新增其他引數 ，abc為固定值引數作為第二個引數

filter:

}元件外：vue.filters('formatmoney', function(val1, val2))

動態設定物件屬性 vue.set()

元件內： this.set(obj, key, val) 元件外：vue.set(obj, key, val) 

動態刪除物件屬性  vue.delete()

元件內：this.set(obj, key, val); 元件外vue.delete(obj, key); 

元件常用屬性 ：

props(屬性), data(資料), mounted(生命週期), methods(方法), watch(監聽), filter(過濾), coumpted(計算)，

component(組冊元件)

建立元件方式一：vue.component('name', )

建立元件方式二： new vue()

建立元件方式三： .vue檔案 export default

component註冊元件屬性：

如果本元件要使用其他元件，首先要匯入元件，然後註冊元件到本元件使用

import cart from 'cart.js'; 

import addressfrom 'address.js';

export default     

}

Vue基礎筆記

而下面這樣寫會報錯！html js 定義乙個名為 button counter 的新元件 該形式是元件全域性註冊，vue例項在元件註冊後建立的都可以使用到該元件 vue.component button counter template you clicked me times.new vue ht...

vue學習筆記 vue基礎（一）

vue框架提供了乙個vue的建構函式 類 我們通過例項化vue，產生乙個vue物件，來構建應用 例如 new vue 在例項化vue的時候，傳入一些配置引數這些配置引數在vue官網的api中可以找到 選項 new vue 使用者看到的介面 產生頁面檢視的基礎結構 html 插值表示式 new vue...

Vue基礎筆記3

環境 2 安裝cnpm npm install g cnpm registry 3 安裝腳手架 cnpm install g vue cli 4 清空快取處理 如果第2 3補出問題可以執行該條命令 npm cache clean force 建立專案 專案目錄介紹 vue proj node mod...