vue学习笔记

Vue学习笔记

inject

inject: [‘userInfo’] 信息注入，数来源可能是父节点或者祖先节点。

props

export default {
name: ‘MyName’,
components:{
myPane01,
myPane02
},
props:{
myInfo:{
type:Object,
default:()=>({})
}
}
}
props属性为父节点数传入。

myInfo 找不到

在Main.vue里面定义
my-info
注意此处的命名方式是变量中间增加一个横杠，系统会自动转为驼峰命名。

…this.search

es6的语法，是获取变量里面的值
methods: {
fetchData() {
const s = {
…this.search,
phone: this.userInfo.phone
};

:model v-mode两者写法对于变量传递影响

el-form(
ref=“searchForm”
:model=“search”
inline
)
el-form-item
el-date-picker(
v-model=“search.date”

v-model是双向绑定变量，此处和:model之间的关系是啥？

环境搭建

https://blog.51cto.com/13718210/2141533