chai
equal(4
+5).to.be.
equal(9
);equal(4
+5).to.be.not.
equal(10
);//判斷4+5不等於10
equal()
.to.be.deep.
equal()
;//判斷型別
equal
(true
).to.be.ok;
//判斷是true
equal
(false
).to.not.be.ok;
//判斷false
expect
('test'
).to.be.a(
'string');
expect()
.to.be.an(
'object');
//判斷包含
expect([
1,2,
3]).to.
include(2
);
import
from
'chai'
import vue from
'vue'
import
from
'@vue/test-utils'
import helloworld from
'@/components/helloworld.vue'
describe
('helloworld.vue',(
)=>})
expect
text()
).to.
include
(msg)})
// 只針對於data裡面進行測試it(
'should render correct contents',(
)=>)}
)
="home"
>
="add"
>
"text"
class
="form-control" placeholder=
"新增" v-model=
"val"
>
"button"
class
="btn btn-primary" @click=
"adds"
>新增<
/button>
<
/div>
="panel panel-primary" v-
for=
"(item,index) in arr"
:key=
"index"
>
="panel-heading"
>
}="glyphicon glyphicon-remove" @click=
"removes(index)"
>
<
/i>
<
/div>
="panel-body"
>
}"text"
class
="form-control" v-model=
"item.txt" placeholder=
"recipient's username" aria-describedby=
"basic-addon2"
>
<
/div>
<
/div>
<
/div>
<
/template>
// @ is an alias to /src
export
default,]
, val:
'test'}}
, methods:
,adds()
)this
.val =''}
}}<
/script>
*.home
.panel
.panel-heading
.panel-body
input
.glyphicon
.add
.add button
.add input
<
/style>
import
from
'chai'
import
from
'@vue/test-utils'
import home from
'../../src/views/home'
// 建立測試套件
describe
('測試套件',(
)=>
)// 測試增加it(
'測試增加功能',(
)=>
)// 測試刪除it(
'測試刪除功能',(
)=>)}
)
使用 vue cli 3 快速建立 Vue 專案
為了便於 vue 專案的管理，vue 團隊官方開發了 vue cli 工具。本文將帶您使用 vue cli 快速建立乙個 vue 專案。本地安裝 vue cli 使用 npm 全域性安裝 vue cli npm i g vue cli 3.0.0 beta.6 建立專案 執行 vue create ...
vue cli 3學習要點
只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...