温故而知新(第一天)

1.Vue.cli 中怎样使用自定义的组件?有遇到过哪些问题吗?

在Vue.cli中使用自定义组件一般分为四步
第一步: 新建组件文件,一般在src下的components文件夹中创建,script标签中一定要有 export default {}
第二部: 在父组件中导入该组件
第三步: 在父组件的components属性上注册该组件
第四步: 在父组件的template中使用该组件
遇到的问题: 如果导入的时候子组件名用的是驼峰命名法,在template中使用时eslint会自动转化为用减号链接的两个或多个单词.例如有 indexPage 命名,使用的时候则 index-page

2.Vue 中slot的使用方式,以及 slot作用域插槽的用法

        Vue 中 slot我们通常叫做插槽,主要用于父组件像子组件传内容,不同于父向子传值,父向子传值一般只传一个数据,而插槽则传递的内容更全面,比如dom元素,用 slot 可以用来接受组件标 签包裹的所有内容,当给slot标签添加name属性的时候,我们也成为具名插槽,在父组件中可以调换响应的位置

        作用域插槽其实就是带数据的插槽,在父组件中可以通过scope来进行接受子组件传递过来的数据

3.Vue 该如何实现组件缓存?

        在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合
理的方式组织起来,那么自然会存在组件之前切换的问题,Vue 中有个动态组件
的概念,它能够帮助开发者更好的实现组件之间的切换,但是在面对需求频繁的
变化,去要切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,
而我们需要保留组件的状态,为了解决这个问题,需要使用到 Vue 中内置组件
<keep-alive>.
        <keep-alive></keep-alive> 包裹动态组件时,会缓存不活动的组件实例,
主要用于保留组件状态或避免重新渲染.

Guess you like

Origin blog.csdn.net/hx_programmer/article/details/121171059