-
vue文件包含三種標簽 template/style/script 分別對應HTML/js/CSS 三種文件 vue文件最后會被Web pack轉為HTML/js/CSS 三種文件查看全部
-
父向子組件傳參
父vue里 引入組件 components: [ ComponentA]
標簽寫法 <component-a></component-a> 駝峰式命名 第一個單詞后的大寫字母轉小寫,中間用-隔開
向子組件里傳值
<component-a? ?msgfromfather = ' hi,son'></component-a>
子組件里接收 props: [ 'msgfromfather' ]
? <h1> {{msgfromfather}}? </h1>
查看全部 -
vuejs組件之間的通信-props?
查看全部 -
vuejs組件之間的調用--components
查看全部 -
如何劃分組件:
功能模塊:-select, pagenation...
頁面區域:-header,footer,sidebar..
查看全部 -
vue的主要選項
查看全部 -
vue.js組件的模板語法
查看全部 -
屬性綁定: v-bind? 縮寫為:
:class="{ red: isRed}"? ?//是變量,判斷類名為red的是否展現的
:class="[classA,classB]"? //是字符串,類名為classA classB
查看全部 -
事件綁定: v-on? 縮寫為@
<!--完整語法-->
<a? v-on:click="doSomething">...</a>
<!--縮寫-->
<a? @click="doSomething">..</a>
查看全部 -
渲染循環列表: v-for
查看全部 -
模版指令?
控制模塊隱藏 v-if、v-show
查看全部 -
html和vue對象的粘合劑??
數據渲染: v-text、v-html、{{ }}
查看全部 -
組件之間的通信通過 doThis 來傳遞
查看全部 -
vuejs 組件之間復用
查看全部 -
data methods watch?
v-text
v-if
v-on
v-for
查看全部
舉報