![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Pipe Piper
坚持
展开
-
路由
路由(Router) 路由的默认路径 默认情况下,进入网站的首页,我们希望渲染首页的内容,所以在配置路由的时候,应该让路径默认跳转到首页 实现:只要多配置一个映射即可 const routes =[ { //重定向 path:'', redirect:'/home' }, { path:'/home', component: Home }, { path:'/about',原创 2020-12-17 22:55:53 · 225 阅读 · 0 评论 -
插槽
插槽(slot) 组件插槽的目的是为了让我们封装的组件具有更好的扩展性 在开发中一般会在组件中添加slot标签,就像电脑里面空一个内存插槽一样,以备不时之需。例如淘宝京东的上方搜索导航栏(抽取共性,保留不同)这里的不同就通过slot来实现 具名插槽 // 组件 Vue.component('lv-hello', { template: ` <div> <slot name="header"></slot> <h1>我的天原创 2020-12-17 22:53:56 · 218 阅读 · 0 评论 -
组件
组件 1. 组件化的实现步骤 2. 组件化的基本使用过程 组件使用的三个步骤: 创建组件构造器 注册组件 使用组件 注册组件步骤解析: Vue.extend ( ) : 调用Vue.extend()创建一个组件构造器 通常在创建组件构造器时,传入template代表我们自定义组件的模板 该模板就是在使用组建的地方,要显示HTML代码 这种写法已经不常用,跟多的使用语法糖 Vue.component ( ): 调用Vue.component ()是将刚才的组件构造器注册为一个组件,原创 2020-12-17 22:52:46 · 96 阅读 · 0 评论