- 博客(8)
- 收藏
- 关注
原创 vue中的路由
2. 浏览器的历史记录有两种写入方式:分别为```push```和```replace```,```push```是追加历史记录,```replace```是替换当前记录。路由跳转时候默认为```push```3. 如何开启```replace```模式:```<router-link replace .......>News</router-link>```1.作用:不借助```<router-link> ```实现路由跳转,让路由跳转更加灵活,不仅a标签可以跳转,
2023-08-20 11:23:05
91
1
原创 vue的介绍以及优点
Vue将组成一个页面的HTML,CSS和JS合并到一个组件中,可以被其他组件或页面引入而重复利用。通常每个.Vue文件作为一个组件导出,组件可以作为基础组件(如按钮)或一个页面(如登录页面)。组件化很好的将一个庞大复杂的前端工程拆分为一个个组件,重复利用的性质也大大提高了开发的效率。4、vue是单页面应用,页面局部刷新,不用每次跳转都请求数据,加快了访问速度,提升了用户体验。1、vue可以进行组件化开发,数据与结构相分离,使代码量减少,从而提升开发效率,易于理解。
2023-08-20 11:16:39
187
1
原创 生命周期函数
确保有了el后,继续往下走,判断当有template参数时,我们会选择去将template模板转换成render函数(其实在这前面是还有一个判断的,判断当前是否有render函数,如果有的话,则会直接去渲染当前的render函数,如果没有那么我们才开始去查找是否有template模板),如果没有template,那么我们就会直接将获取到的el(也就是我们常见的#app,#app里面可能还会有其他标签)编译成templae, 然后在将这个template转换成render函数。也就完成了我们的数据更新。
2023-08-20 11:11:59
38
1
原创 组件通信的方式
子组件传数据给父组件,子组件通过派发事件的方式给父组件传数据,或者触发父组件更新等操作。子组件接收父组件的数据,注意:子组件接收到数据之后,不能直接修改父组件的数据,否则会报错,因为当父组件重新渲染时,数据会被覆盖。在子组件上使用,引用的指向就是子组件实例,父组件可以通过ref主动获取子组件的属性或者调用子组件的方法。父组件向子组件传递数据的双向绑定,所以子组件接收到数据之后可以直接修改,并且会同时修改父组件的数据。10.slot,把子组件中的数据通过插槽的方式传给父组件使用然后插回来。
2023-08-20 11:05:02
30
1
原创 flex 布局
flex布局是Flexible Box的缩写,意为“弹性布局”,用来为盒装模型提供最大的灵活性,任何一个容器都可以指定为flex布局。(2)采用flex布局的元素称为flex容器,简称容器。它的所有子元素自动成为容器成员,称为flex项目,简称项目。(1)当我们为父盒子设为flex布局以后,子元素的float,clear和vertical-align属性将失效。(3)Flex布局就是通过给父盒子添加flex属性来控制子盒子的位置和排列方式。
2023-04-06 17:03:05
74
原创 Vue速成课程总结
可以这么理解,v-for指令是将作为模板的那个标签还有其内部的所有内容按照数据的个数拷贝若干份,它会根据列表的添加和删除相应的做出改变,这使得操作变得极其方便!例如: 在Vue模板中的data数据对象中添加message,并输入文本,该文本即会传入h1中。例如:(6)v-bind(设置元素的属性,如:src,title,class)
2023-04-05 14:52:32
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人