-
接收父组件参数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
}
}
查看全部 -
完整案例主要使用技术
查看全部
举报