作者小头像 Lv.4
更多个人资料
887 成长值
3 关注
4 粉丝
+ 关注 私信

个人介绍

一名正在努力的前端程序员,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!

感兴趣或擅长的领域

编程语言
个人勋章
TA还没获得勋章~
成长雷达
855
12
0
0
20

个人资料

个人介绍

一名正在努力的前端程序员,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!

感兴趣或擅长的领域

编程语言

达成规则

以上满足项可达成此勋章

  • 博客
  • 关注
  • 粉丝
  • 论坛
Vue动态路由匹配、命名视图、路由组件传参
VueRouter_动态路由匹配当我们需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”来达到这个效果:const User = { template: '<div>User</div>'}const router = new...
作者小头像 前端老实人
735
0
0
2022-01-16 15:16:20
735
0
0
VueRouter编程式导航
VueRouter_编程式的导航通过在 Vue 根实例的 router 配置传入 router 实例,$router、 $route 两个属性会被注入到每个子组件。 $router路由实例对象。除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例 方法,通过编写代码来实现。 $router.push想要导航到不同的 URL,则使用 rou...
作者小头像 前端老实人
809
0
0
2022-01-15 18:33:01
809
0
0
Vue路由模式及VueRouter路由内的参数
hash模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 history 模式如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 在路由配置中设置:VueRouter({...
作者小头像 前端老实人
814
0
0
2022-01-14 09:37:59
814
0
0
初识Vue路由,基本使用
VueRouter_基础 什么是路由?路由是根据不同的url地址展现不同的内容或页面。 早期的路由都是后端直接根据url来重载页面实现的,即后端控制路由。 后来页面越来越复杂,服务器压力越来越大,随着ajax(异步刷新技术)的出现,页面的实现非重载就能刷新数据,让前端也可以控制url自行管理,前端路由由此而生。Vue路由是指根据url分配到对应的处理程序;作用就是解析URL,调用对应的控制...
作者小头像 前端老实人
694
0
0
2022-01-13 16:03:04
694
0
0
多元素过渡、列表过渡、复用过渡、异步组件你会几个?
过渡_多元素过渡当切换展示的元素标签名相同时,需要给每一个元素设置不同的key值,否则Vue为了效率只会替换相同标签内部的内容。<transition> <div v-if="show" key="world">hello world</div> <div v-else key="shanshan">hello shanshan</div></transition>在一些场景中,可以通...
作者小头像 前端老实人
741
0
0
2022-01-12 09:37:01
741
0
0
如何使用vue动画,transition组件
同时使用过渡和动画可使用 type 属性,来声明需要 Vue 监听的类型,type值可为 animation 或 transition 。当不设置type时,默认会取 transitioned 和 animationed 两者更长的为结束时刻。 显性的过渡时间在一些情况下,Vue可以自动得出过渡效果的完成时机,从而对dom进行处理。但是有些时候,我们会设置一系列的过渡效果,例如嵌套元素也有...
作者小头像 前端老实人
737
0
0
2022-01-11 10:27:30
737
0
0
初识vue动画,transition组件
过渡_单元素过渡Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 单元素/组件的过渡Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点 过渡的类名在进入/离开的过渡中,会有 6 个 class 切换。v-enter: 定义进入过渡的开始...
作者小头像 前端老实人
702
0
0
2022-01-10 16:03:23
702
0
0
Vue函数式组件,90%的人不知道
函数式组件当一个组件不需要状态(即响应式数据)、不需要任何生命周期场景、只接受一些props来显示组件时,我们可以将其标记为函数式组件。functional: true,因为函数式组件只是函数,所以渲染开销会低很多。在 2.3.0 之前的版本中,如果一个函数式组件想要接收 prop,则 props 选项是必须的。在 2.3.0 或以上的版本中,你可以省略 props 选项,所有组件上的 a...
作者小头像 前端老实人
1017
0
0
2022-01-09 09:25:44
999+
0
0
在Vue中使用JSX语法
JSX在Vue中使用JSX语法。可以让我们回到更接近模板的语法上。render () { return ( <h1>这是一个标题</h1> )} 插值<div>{ this.value }</div> 指令在JSX中,一些指令并不存在,所以我们可以换一种方式来处理。 v-text<div domPropsTextContent="<p>i am a p</p>"></div> v...
作者小头像 前端老实人
703
0
0
2022-01-08 20:01:58
703
0
0
Vue使用JavaScript代替模板功能(渲染函数篇)
createElement参数createElement接收的参数:createElement(标签名(必需), 与模板中属性对应的数据对象(可选), 子级虚拟节点(可选)); 深入数据对象{ // 与 `v-bind:class` 的 API 相同,接受一个字符串、对象或字符串和对象组成的数组 class: { foo: true, bar: false }, // ...
作者小头像 前端老实人
867
0
0
2022-01-07 13:27:38
867
0
0
总条数:86
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 9
到第 页

上滑加载中

https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
作者小头像
作者小头像
快速交付
+ 关注 私信