Vue
sdKdqweas
这个作者很懒,什么都没留下…
展开
-
Vue插槽
插槽是什么?插槽可以是看做是一个定义在组件的坑位,就像萝卜坑一样,种上萝卜就是往坑位里面分发东西分发的东西是什么,也就是可以往坑里填什么东西?可以想填你任何填的内容,组件,标签都行。具名插槽当你的坑位多起来来时,就需要进行区分,不同的坑位要要不同的编号。不同的坑位用途也不一样定义一个坑位<slot name=''></slot>这个坑位也具备一些内容,比如说当没有内容进来,可以设置一个默认值<slot name=''>在这里设置默认值</slo原创 2022-04-19 11:45:08 · 707 阅读 · 0 评论 -
Vue 实传和透传props,事件
什么是实传和透传实传就是你在组件内部进行了注册,可以在这个组件内部使用,同时你可以将嵌套组件已经注册的属性传递下去透传是父组件传递一些在子组件没有注册的属性和没有使用的方法,实际上这些message是用于给子组件的嵌套组件使用的。实传实例先贴代码,var childcom={ props:['name'], template:`<div> <div>我是子组件 {{name}}</div> <grandcom v原创 2022-04-18 16:07:04 · 2434 阅读 · 0 评论 -
为什么要使用虚拟DOM?
为什么要使用虚拟DOM主要分为两个角度1.DOM操作角度。假设状态发生变化,我们如何将状态的更新应用到视图上?直接创建元素,然后将元素覆盖到我们需要更新的地方,这样做固然很快捷,但是会引发页面出现很大的变动,渲染引擎需要重新计算和渲染,这样的开销很大更聪明的办法是找出那些需要更新的节点,然后只更新那些发生变动的节点,这样导致DOM操作减少,虽然会耗费一点时间用于计算哪些节点需要更新,但是这样的时空置换是远远值得的2.vue数据侦测角度,由于Vue1.0绑定状态是页面的中dom节点,如果绑定的节点过原创 2022-04-01 16:52:42 · 758 阅读 · 0 评论 -
vue国际化处理
什么是Vue国际化?国际化就是你的页面要面向的群众使用的语言不只是中文,还有其他语言,在面对其他人群时要切换页面的语言说起来很高大上,实际上还是没有那么高级的文件的组织一般是在大型项目中使用的,我们需要将相关文件放置在哪里?建议是新开一个文件夹,以下面的方式进行组织这里要使用的第三方包npm install vue-i18n安装的时候要注意兼容性的问题看看你的项目是使用vue2.0还是3.0的,如果不兼容可能不能使用vue-i18n插件vue-i18n作为一个插件被使用,既然是一个原创 2022-03-28 14:45:30 · 656 阅读 · 1 评论 -
Vue登录页的逻辑
登录功能无论使用什么框架,简单登录功能的登录都是通过点击按钮+事件来实现的我们关注的是事件做了什么事?发送携带数据的请求保存token页面跳转一项项来完成发送请求发送请求使用的是axios1.假设封装的函数为login,这里假设axios已经被引入了,fucntion login(params)//params为登录页面的数据return axios({ url: '/login', method: 'get', data:params })在这里要原创 2022-03-14 20:32:40 · 3183 阅读 · 0 评论 -
手写new操作符
先看一个基于构造函数+原型链模式下的创建的函数的形式function Person(name,age){this.name=name;this.age=age}Person.prototype.getName=function(){return this.name;}再来了看一下一个new操作符需要完成那些事?创建一个对象在新创建的对象作用域下执行构造函数返回对象实现new操作符定义new函数,参数的数量我们是不知道的,我们也不必得到精确的映射function new(){}原创 2022-03-14 15:42:18 · 750 阅读 · 0 评论 -
页面刷新之后store还保不保存?
今天看到一个面试题,问vuex在页面刷新之后还保不保存?我来了做一个测试,store部分:new Vuex.Store({ state:{ name:'' }, mutations:{ change(state,name){ state.name=name; } }})设定两个页面,他们的路由为:’/login’ ’ /index’login.vue<h5>{{this.原创 2022-03-14 09:21:24 · 1036 阅读 · 0 评论