实习记录第二周

Vue.use()

Vue.use()方法注册插件时，至少传入一个参数，该类型必须时Object或Function，如果是Function时，在执行vue.use()方法时，会默认执行一次该函数。

使用小乌龟来管理git仓库

样式穿透不可以嵌套使用，嵌套的无效

defineProps中的validator

defineProps中的validator为自定义验证函数

是判断传过来的值不仅要符合指定数据类型，还要判断该值是否符合验证。

defineProps({

demo:{

type: Number,

validator: value => value>=0

}

})

自定义验证函数会将该 prop 的值作为唯一的参数代入，此方法返回一个布尔值来判断是否符合验证值，如果返回一个false，控制台警告会被抛出，并不会直接修改或者拒绝传过来的数据。

动态组件

<component :is="componentName"><component>

conponentName必须为组件名，否则不会显示，此值为哪个组件的名字，就显示哪个组件

插值语法

插值语法可以直接写字符串，也可以写字符串与变量的拼接，类似模板字符串

eg: {{ “span” + o }} // o是变量，”span”是字符串

v-for可以循环数字

eg: <div v-for=”（count，index）in 4”>{{ count }} </div>

count从1开始，index从0开始

父子通信传参

父传子通信，使用v-bind绑定数据，如果将一个对象的所有property都传入作为prop，可以使用不带参数的v-bind。

带参数的v-bind为v-bind:test="test",不带参数的v-bind为v-bind="demo"

假如 demo={x:1,y:2} ，demo对象中的所有键都将会自动转化为

v-bind:x="demo.x"   ,   v-bind:y="demo.y".

6.27-7.1