vue

关于vue data 值传递的理解

  • Post author:
  • Post category:vue

关于vue data 值传递的理解 示例代码 个人理解 示例代码 data() { // 定义对象变量（与表单无关） let form2 = { name: '', password: '223', hello: 'hello world', } // 打桩输出 console.log("this is form2:") console.log(form2) // 延时变更变量对象 setTime…

继续阅读 关于vue data 值传递的理解

基于Springboot+Vue实现前后端分离商城管理系统

  • Post author:
  • Post category:vue

项目编号：BS-SC-030 一，项目简介 新新商城，一款基于 Springboot+Vue 的电商项目，前后端分离项目。完整的实现了一个商城系统应有的基本功能，包括但不限于以下主要功能模块： 前端商城用户 用户注册登陆 商品信息分类和品牌浏览 全文搜索 添加购物车管理 在线购买商品：使用支付宝沙箱在线支付 个人信息管理 个人订单管理 在线退换货功能 退款功能 后台用户管理功能 商品分类管理 商品…

继续阅读 基于Springboot+Vue实现前后端分离商城管理系统

Vue实现自动生成二维码并实现复制下载功能：

  • Post author:
  • Post category:vue

1、安装依赖： // 二维码组件 npm install vue-qr --save //实现复制二维码链接 npm install clipboard --save 2、使用组件： <!-- 二维码生成组件弹框 使用: <template> ..... //二维码 <QRCode ref="qrcode" /> ... </template> <s…

继续阅读 Vue实现自动生成二维码并实现复制下载功能：

vue中slot插槽的使用

  • Post author:
  • Post category:vue

1.看看官网怎么说？ 在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。 Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口。 2.分为哪几种？ 2.1…

继续阅读 vue中slot插槽的使用

vue的虚拟DOM

  • Post author:
  • Post category:vue

1. vue的虚拟DOM （VNode VDOM） 虚拟DOM就是一个JS对象，用它来描述真实DOM 1.1 为什么 virtual dom 是好用的 demo1: 多次执行dom操作 <body> <div style="width: 200px; border:1px solid #000;"></div> <script> var box = …

继续阅读 vue的虚拟DOM

【Vue3】1.1 使用NaiveUI 构建页面

  • Post author:
  • Post category:vue

写在前面 网上关于VUE3的教程 包括VUE官网 和 Naive UI的官网 的而一些例子，用的都是普通的 <script> 标签的形式，而我们实际的开发工作中，基本都是用 Vite 或者是 VUE CLI 来构建项目，从这些工具中创建出来的项目都是单页应用的形式，官网的说法是SFC。这个小门槛导致我看教程到下手写代码经历了一点点小坎坷。只要理顺了这一点，就可以推进后续的学习了。 普通…

继续阅读 【Vue3】1.1 使用NaiveUI 构建页面

vue cli3 使用less变量（Variable xxx is undefined）

  • Post author:
  • Post category:vue

less、less-loader的版本号不同，会报奇怪的错误 最终！我选用的版本 less@3.0.4、less-loader@5.0.0 vue cli3初始化构建项目时，自定义选择使用 less 作为css预处理器之后，就会默认安装 less、less-loader ，并且直接可以在组件中正常使用嵌套结构书写css了。 但是，当我们需要使用 less变量 时，比如下面的情况 一、我新建了一个c…

继续阅读 vue cli3 使用less变量（Variable xxx is undefined）

jQuery监听事件失效，原因是jQuery监听的元素，在vue挂载的标签里面

  • Post author:
  • Post category:vue

jQuery监听事件失效，原因是jQuery监听的元素，在vue挂载的标签里面 版权声明：本文为bittingCat原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/bittingCat/article/details/124455689

继续阅读 jQuery监听事件失效，原因是jQuery监听的元素，在vue挂载的标签里面

Vue源码解读（五）：render和VNode

  • Post author:
  • Post category:vue

Vue 2.0 相比 Vue 1.0 最大的升级就是利用了虚拟DOM。 在 Vue 1.0 中视图的更新是纯响应式的。在进行响应式初始化的时候，一个响应式数据 key 会创建一个对应的 dep ，这个 key 在模板中被引用几次就会创建几个 watcher 。也就是一个 key 对应一个 dep ， dep 内管理一个或者多个 watcher 。由于 watcher 和 DOM 是一对一的关系，更…

继续阅读 Vue源码解读（五）：render和VNode

Vue3 _ 20. Vue 多组件沟通 – Pubsub 消息组件

  • Post author:
  • Post category:vue

我们之前说了这个父子组件的数据沟通，但是相伴而来的其实还有别的问题，好比我们现在想要三个或者三个以上的组件同时去进行沟通，那么我们这个如何去完成呢？ 如果我们还用之前的方式进行沟通，那这个代码量是真的多，所以我们这里可以使用一种组件，叫 pubsub.js 官网地址： https://www.npmjs.com/package/pubsub-js 一、安装 想要使用这个 pubsub.js 我们首…

继续阅读 Vue3 _ 20. Vue 多组件沟通 – Pubsub 消息组件