- 博客(11)
- 收藏
- 关注
原创 去哪儿的项目总结
首先可以来看一下效果图: ![ 我们可以把头部封装成组件这里只需要注意组件传值就可以啦下面给大家说一下这个项目的重点:可以用远程仓库创建分支 index-swiper 同步 本地 git pull git checkout index-swiper git status在github.com 上搜索 vue-awesome-swiper 使用 使用 import VueAwesomeSwiper from ‘vue-awesome-swiper’ import “swiper/dist/css/
2022-06-06 00:13:39 115
原创 写完hanppymall后的总结
1.第一步 webpack npm install webpack -g 2.第二步 安装脚手架 npm install -g @vue/cli-init 3.第三步 创建项目 使用vue init webpack demoConfig文件中ProxyTable开启跨域,服务器生成cookie码进行用户登录验证获取数据,target:统一接口路径前缀,命名为login 在项目中使用Element ui: 还需要封装axios 我们需要在src目录下创建一个utils文件夹,在文件夹里边创建一个requ
2022-06-02 18:28:17 114
原创 vue2和vue3 插槽
插槽的使用其实是很简单,你只需要明白两点: 1.插槽是使用在子组件中的。 2.插槽是为了将父组件中的子组件模板数据正常显示 vue2.0的插槽 话不多说直接上案例: <div id="app"> <div class="father"> <h3>这里是父组件</h3> <child> <span>我是插槽插入的内容</span> </child>
2022-05-21 16:44:04 168
原创 v-for和v-if 优先级的问题
v-for和v-if 优先级的问题 不能直接这样写,会出现警告 <div v-for="(item,index) in checkList" :key="index" v-if="item.status"> </div> 正确的写法 <template v-for="(item,index) in checkList"> <div :key="index" v-if="item.status" ></div> &
2022-05-17 20:10:27 109
原创 递归实现深拷贝
使用递归函数来实现一个对象的深拷贝 function copy(obj) { let newObj = null; // 声明一个对象来存储拷贝之后的内容 // 判断数据类型是否是复杂的数据类型,如果是则调用自己,如果不是则直接赋值即可! // 由于null不可以循环但是他的类型又是object,所以这个需要对null进行判断 if (typeof(obj) == 'object' && obj !== null){ // 声明一个变
2022-05-17 20:06:34 613
原创 面试被问到v-if与v-show的区别应该怎么回答
⾯试官您好,接下来我给您介绍⼀下v-if和v-show的区别? ⾸先v-if和v-show都是控制元素的显示与隐藏, 不过v-if控制元素的显示和隐藏的时候会删除对⽤的dom元素,当每⼀个显示的时候,都会重新创建dom和渲染. ⽽v-show则是通过css的display:none 和display:block来控制元素的显示与隐藏. v-if⽐较耗费性能,所以我们涉及到频繁的显示隐藏操作我们建议使⽤v-show,如果不是频繁操作的话,我们也可以使用v-if 在写项目的过程中我会经常使⽤v-
2022-04-27 17:57:49 103
原创 vue路由有⼏种模式?有什么区别?原理是什么?
vue的路由模式⼀共有两种,分别是哈希和history. 他们的区别是hash模式不会包含在http请求当中,并且hash不会重新加载⻚⾯,⽽使⽤history模式的话,如果前端的url和后端发起请求的url不⼀致的话,会报404错误,所以使⽤history模块的话我们需要和后端进⾏配合. history的原理就是利⽤html5新增的两个特性⽅法,分别是psuhState和replaceState来完成的. 以上就是我对vue路由模式的理解 ...
2022-04-27 17:44:03 457
原创 vuex 的理解
什么是vuex vuex 是 vue 的状态管理工具 管理项目中的公共数据 能够在所有的组件中使用 一共有五大核心: state 存放公共数据的地方 通过 this.$store.state.xxx调用 mutations 修改 state 的数据 只能进行同步操作 只有这里能修改 通过this.$store.commit 调用 getters 相当于是之前的计算属性 通过 this.$store.getters 调用 actions 执行异步操作的地方 通过 this.$store.dispa
2022-04-27 17:40:19 138
原创 vue的⽣命周期?
所谓的vue⽣命周期就是vue实例从创建到销毁的整个过程我们称之为vue的 ⽣命周期,通过vue的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作。 vue⽣命周期常⽤的钩⼦函数⼀共有8个,分别是创建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩⼦函数为beforeCreate 创建前、 created创建后、beforeMount 挂载 前、mounted挂载后、beforeUpdate 更新前、updated更新后、beforeDestory 销毁前、 destoryed销毁后。 ⻚⾯刚
2022-04-27 17:17:34 78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人