vue
姜意%
这个作者很懒,什么都没留下…
展开
-
vue 深度选择器
在很多项目中,引用了第三方组件,其样式不是自己所需要的,需要在组件中局部修改第三方组件的样式,而这个组件又设置了scroped属性来防止组件间的样式污染。转载 2022-10-18 15:31:44 · 339 阅读 · 1 评论 -
vue-router钩子函数
全局的路由钩子函数:beforeEach、afterEach单个的路由钩子函数:beforeEnter组件内的路由钩子函数:beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate转载 2022-07-12 18:01:04 · 654 阅读 · 0 评论 -
vue上传图片及其注意事项
vue上传图片,根据elementUI官网上传组件: <el-upload action="" :on-change="handleUpload" :file-list="fileList" :limit="1" list-type="picture-card" :auto-upload="false">原创 2022-05-23 17:45:10 · 437 阅读 · 0 评论 -
Vue Router 嵌套路由中, 子路由path路径带 ‘/‘ 与不带的区别
嵌套路由配置路由规则,使用children配置项: routes:[ { path:'/home', component:Home, children:[ //通过children配置子级路由 { path:'news', component:News }, { path:'/message', component:Message } ] } ] 区别: 不带 / (推荐): 当 home的子路由 news 在定义 path转载 2022-04-20 17:16:25 · 4177 阅读 · 0 评论 -
vue中prop传值
props配置项 功能:让组件接收外部传过来的数据 传递数据:<Demo name="xxx"/> 接收数据: 第一种方式(只接收):props:['name'] 第二种方式(限制类型):props:{name:String} 第三种方式(限制类型、限制必要性、指定默认值): props:{ name:{ type:String, //类型 required:true, //必要性 default:'老王' //默认值 } } 备注:props是只读原创 2022-03-10 20:34:43 · 1113 阅读 · 0 评论 -
Vue监视数据的原理
Vue监视数据的原理: 1. vue会监视data中所有层次的数据。 2. 如何监测对象中的数据?** 通过setter实现监视,且要在new Vue时就传入要监测的数据。 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,使用如下API: Vue.set(target,propertyName/index,value) 或 vm.$set(target,propertyName/index,value) 3. 如何监测数组中的数据? 通过包裹数组更新元素的方法实现,原创 2022-03-08 12:11:09 · 157 阅读 · 0 评论 -
react、vue中的key有什么作用?(key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下: 2.对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟DOM中内容没变, 直接使用之前的真实DOM! ②.若虚拟DOM中内容变了, 则生成新的真实DOM,随后替换掉页面中之前的真实DOM。 (2).旧虚拟DOM中未找到与新虚拟DOM相同的key 创建新的真实DOM,随后渲染到原创 2022-03-08 12:03:52 · 176 阅读 · 0 评论