vue學習筆記（四） 品牌管理案例

//讓頁面一載入進來就能獲取get請求的資料

})判斷是否請求成功，請求的message資訊中有是否請求成功的標識資料status=0

// 簡寫成：

if(data.status ===0)

this

.list = data.message

}

class

="table table-bordered table-hover table-striped"
>
>
>
>
idth
>
>
nameth
>
>
ctimeth
>
>
操作th
>
tr>
thead
>
>
v-for
="item in list"
:key
="item.id"
>
>
}td>
>
}td>
>
}td>
>
href
="#"
@click.prevent
="del(item.id)"
>
刪除a>
td>
tr>
tbody
>
table
>

建立新增區域

class

="panel panel-primary"
>
class
="panel-heading"
>
class
="panel-title"
>
新增新品牌h3
>
div>
class
="panel-body form-inline"
>
class
="form-group"
>
>
品牌名稱：label
>
type
="text"
class
="form-control"
>
div>
class
="form-group"
>
type
="button"
value
="新增"
class
="btn btn-primary"
>
div>
div>
div>

type

="button"
value
="新增"
class
="btn btn-primary"
@click
="add()"
>

>

品牌名稱：label
>
type
="text"
class
="form-control"
v-model
="name"
>

el:

, data:

// 如果新增成功，則重新呼叫獲取了列表的方法

if(status ==0)

this

.getlist()

this

.name=

''}來吧展示：

在a標籤中繫結刪除方法並阻止a鏈結跳轉

>

href
="#"
@click.prevent
="del(item.id)"
>
刪除a>
td>

async

// 當刪除ok，重新重新整理列表
if(data.status ===0)
this
.getlist()
}

axios.defaults.baseurl =

'';

// 注意：   axios.create() 方法，呼叫的返回值，是乙個新的 axios 例項，在 呼叫 create 函式的時候，可以初始化一些預設配置項，比如，請求的 baseurl 位址

()

比如：

async

網贏經管 網路營銷經營管理第一品牌
北京網贏經管科技 l 一馬當先 站在網路營銷最前沿，最先提出 網路營銷經營管理 理念。l 一絲不苟 力求做到最優的 網路營銷經營管理 服務 l 一呼百應 最專業的團隊，鑄就網路營銷的第一品牌。北京網贏經管科技 簡稱 網贏經管 是一家為企業提供專業網路營銷經營管理服務的公司。網贏經管 為企業提供全方位...
JAVA學習筆記系列 菜鳥Vue學習筆記（四）
菜鳥vue學習筆記 四 上週學習了使用vue來操作表單元素進行資料雙向繫結，今天我們來學習下vue中的元件，vue中的元件作用就是去封裝一些常用的頁面標籤，將其當做乙個整體，以便在其他位置直接使用一組標籤。例如 這是定義了乙個全域性的元件，在其他位置使用方式為 好，我們初步的認識了元件，感覺它就像乙...
vue學習筆記（四） Vue例項以及生命週期
1.構造器 例項化 var vm new vue 指定元件的渲染和觀察期間未捕獲錯誤的處理函式。vue.config.ignoredelements my custom web component another web component 忽略在vue 之外的自定義元素。vue.config.ke...