-
接收父組件參數props，并且監聽參數變化watch
查看全部 -
父子組件中的參數傳遞
在組件中設置參數，例如
<GoodList?:GoodId="1"></GoodList>
查看全部 -
第一步：vue-cli2安裝
安裝結束后，通過 vue -V 來查看版本號。（-V大寫）
查看全部 -
在Right.vue引用GoodList.vue
查看全部 -
賦值時，使用插值的情況下，不用使用雙大括號，直接使用變量名就可以
查看全部 -
創建動態列表組件 GoodList.vue
template部分
<div?name="show"> ????<ul> ??????????<li?v-for="good?in?list"> ?????????????????<img?v-bind:src="good.img"> ?????????????????<p>{{good.goodName}}</p> ??????????</li> ????</ul> </div>script部分
export?default{ ???name:"show", ???data(){ ??????var?obj?=?this; ??????this.$http.get("json/bjb.json").then(function(res){ ??????????obj.list?=?res.data;??? ??????}) ??????return{ ??????????list:[]//這個return的原理是？ ??????} ???} }查看全部 -
npm在本地文件夾安裝完axios之后
在main.js中全局引入 axios
import axios from 'axios'
全局注冊axios變量
Vue.prototype.$http = axios
查看全部 -
數據傳遞接收，先載入 總線，在template總添加變量，在輸入export中的mounted定義接受函數Msg.$on
$emit 和 $on是一對
查看全部 -
引用 事件總線 創建事件的$emit函數
相當于信號發射
import?Msg?from?'./Msg.vue' export?default{ ?????methods:{ ????????menu1:funciton(){ ????????????Msg.$emit("val","1") ????????}, ????????menu1:funciton(){ ????????????Msg.$emit("val","1") ????????}????? ?????} }查看全部 -
template里創建促發事件
@click="menu1"
@click="menu2"
查看全部 -
創建“事件總線”
components下創建一個msg.vue
import Vue from 'vue'
export default new vue
公共使用
查看全部 -
vue傳值的三種方式：父--子；子--父；非父子；
事件總線？？？
查看全部 -
組件的復用
查看全部 -
view引入components中的組件
import? Left from '../components/Left.vue'
export default{//注冊組件
? ? ? ?? components:{
? ? ? ?? left
? ? }
}
查看全部 -
完整案例主要使用技術
查看全部
舉報
0/150
提交
取消