pinia 入门及使用
自上月从上海结束工作回来 在家闲来无事 想写点东西打发时间 也顺便学习学习新的技术。偶然发现了 pinia 据说比vuex好用些 所以便搭了个demo尝试着用了下 感觉确实不错，于是便有了这篇随笔。 那么废话不多说 直接开始吧。（附pinia官网地址：https://pinia.web3doc.to ...
JS中的树形数据结构处理
树形数据的一些相关处理方法 以下方法待补充优化😁... // 用于测试的树形数据 const treeData = [ { id: '1', name: '测试1', pId: '0', children: [ { id: '11', name: '测试11', pId: '1', childre ...
ElementUI嵌套页面及关联增删查改实现
@(文章目录) 提示：本文仅供学习交流，请勿用于非法活动！ 前言 本文大概内容： 例如：随着ElementUI前后端交互的技术的更新，用户的的体验越来越好。本文主要针对用户在保持原页面结构，再添加另一个页面，并可以按需要调整两个页面之间的比例大小. 一、ElementUI如何在原有页面添加另外一个页 ...
记录--六道题理解Vue2 和 Vue3 的响应式原理比对
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 技术栈是 Vue 的同学，在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的响应式原理是怎么样的？ Vue3 的响应式原理又是怎么样的？ Vue2 中是怎么监测数 ...
vue项目导航菜单实现
vue项目导航菜单问题 目标：横向菜单点击跳转，颜色变换，刷新可保持状态 // 模板template中通过循环菜单列表生成，动态类名改变颜色 <li v-for="(item, index) in navList" :key="index" v-text="item.name" :class="{ ...
js 关于console对象
// js console console.clear(); console.log("console.log,show message, last recommand is console.clear"); console.info("console.info,other name for con ...
一文搞定Vue2组件通信
vue 组件通信方式 父组件将自己的状态分享给子组件使用； 方法：父组件通过子标签传递数据，子组件通过 props 接收 子组件改变父组件的状态; 方法：父组件在子标签上通过@abc 提供一个改变自身状态的方法，子组件通过$emit("abc", payload)触发这个函数 父组件直接改变子组件的 ...
自定义SvgIcon公用组件
封装了一个基于vue的公用SvgIcon组件库，只需要降svg文件放入指定文件夹，就可以通过文件名绑定到SvgIcon组件上使用该文件。 ...
用JS实现一个简单的购物车小案例
该案例主要是实现的功能有：添加商品功能，将商品添加到购物车的功能还有将商品删除功能，还有就是移出购物车的功能 该案例实现的难点是将商品添加到购物车列表的时候 数量的增加，当购物车有该商品的时候就进行累加操作，没有该商品就赋值为1. 上代码： <!DOCTYPE html> <html lang="e ...
Vue的模板语法（条件判断、显示列表）、组件嵌套
我们在上文的基础上，继续学习 条件判断：v-if、v-show >作用：用于控制元素的显示 > 区别： v-if:不渲染DOM，前端页面看不到标签，更节省性能（常用） v-show:渲染DOM。将元素设置为display：none 我们看如下代码，将他们都取值为true时，表示显示 <templat ...
Cookie会话跟踪技术
cookie是什么 cookie 也叫 HTTPCookie，是客户端与服务器端进行会话(session)使用的一个能够在浏览器本地化存储的技术。 cookie就是为了存储 sessionID而诞生. cookie的特性,会随着请求自动携带cookie的值到服务器 cookie的作用 cookie的 ...
Vue3系列9--插槽slot
插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 1 匿名插槽 (1) 在子组件放置一个插槽,mytest.vue <template> <di ...