1.構(gòu)造vue
var vm=new Vue({option})
option:數(shù)據(jù):data(數(shù)據(jù))胯盯,props(屬性),propsdata,computed笆载,methods(方法),watch(觀察)
dom:el(容器)鳍征,template(html內(nèi)容)黍翎,render(渲染),renderError
生命周期鉤子(鉤子:可以切入的點)
資源:directives(指令)艳丛,filters(過濾)匣掸,components(組件)
組合:parent,mixins氮双,extends碰酝,provide,inject
其他:
2.具體屬性介紹
el:掛載點戴差,與id相同送爸。
data:內(nèi)部數(shù)據(jù),可以是函數(shù)暖释,可以是對象
data:{
n:0
}
data:funtion(){
return {n:0}
}
es6縮寫語法 data(){
return {n:0}
}
data推薦采用函數(shù)
methods袭厂,方法
components 舉例
使用組件
Vue組件:可以組合的物件
四個鉤子:created mounted updated destroyed
props:外部屬性,引入
在組件內(nèi)部設(shè)置
再通過外部傳值
如果需要傳變量
方法和函數(shù)的區(qū)別
方法是面向?qū)ο蟾拍钋蜇埃仨氂幸粋€對象
函數(shù)是數(shù)學(xué)概念
3.組件的引入形式
import?Demo?from?'./Demo.vue'
引用文件盡量小寫纹磺,Demo盡量大寫