摘要: 代码解释 //删除原型属性 delete Person.prototype.name; console.log(p1.name);//undefined //删除原型属性 delete Person.prototype.name; console.log(p1.name);//undefined 阅读全文
posted @ 2019-02-22 21:47 SRH啦 阅读(3874) 评论(0) 推荐(0) 编辑
摘要: 1.slot插槽作用域:带参数的插槽(可进行子组件向父组件传值) 父组件中: 在组件标签内部加一个template标签 在template标签上加一个属性scope 值随意书写 子组件中: 在组件内部用slot进行传值,如果给slot加一个自定义属性,那么在组件标签的template的scope上面 阅读全文
posted @ 2019-02-22 21:28 SRH啦 阅读(11653) 评论(0) 推荐(0) 编辑
摘要: slot插槽 使用场景: 当组件当作标签使用的时候,如果组件标签内部书写了一些需要进行嵌套的代码,就要用到插槽。 组件中: 如果solot没有名字,就会接收所有的嵌套标签, 如果slot有名字,就可以随便更改有名字的标签的显示的位置 app.vue <home-com>//组件当作标签使用 <p>我 阅读全文
posted @ 2019-02-22 10:12 SRH啦 阅读(412) 评论(0) 推荐(0) 编辑
摘要: keep-alive缓存(一般都要将首次创建的组件缓存,提高性能) 将需要缓存的组件缓存在内存当中,下次再次访问的时候,直接从缓存中读取,而不是重新创建或者销毁……提高了性能(只要组件会经历创建和销毁(v-if v-show)的时候,都可以使用keep-alive) 如果没有缓存,每点击一次导航,内 阅读全文
posted @ 2019-02-22 10:07 SRH啦 阅读(6058) 评论(0) 推荐(0) 编辑
摘要: scoped: 独立的一个样式作用域,不会被其他样式所覆盖(给每个组件的style都添加一个scroped,这样可以保证该style中的样式不会被其他样式覆盖) <style scoped> </style> eg:header footer都为fixed定位,content区宽,高为100%,用p 阅读全文
posted @ 2019-02-22 10:00 SRH啦 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 动态组件 通过component标签 的is属性来进行组件的切换 is的属性值决定要显示的组件,所以将is的属性值设置为data中的值,以便于动态变化 <template> <div class="app"> <component :is="组件名称"> </component> </div> </ 阅读全文
posted @ 2019-02-22 09:58 SRH啦 阅读(889) 评论(0) 推荐(0) 编辑