Vue实战购物车案例帮你更快理解Vue的使用，小白必练
Vue实战-购物车案例普通购物车实现的功能：添加商品到购物车，计算总价<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</t
开发Vue程序的第一步就是PC安装配置node.js1官网下载安装Node(我的安装路径是D:\nodejs\) 点我安装(安装在除C盘外任意一个磁盘中)2 检查node和npm是否安装完成下载安装完毕后：在node.exe这个根目录下使用cmd,然后输入node -v命令查看node.js的版本,安装node的时候npm包管理工具同时集成在nodejs中了。可以同时查看npm版本。3
转载
2024-07-18 01:26:49
463阅读
vm.$delete()vm.$delete用法见官网。为什么需要Vue.delete()?在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测不到的, 因此不会触发数据响应式。见下面的demo。<!DOCTYPE html>
<html lang="en">
<head>
<me
转载
2024-10-13 11:28:57
41阅读
目录一.配置环境、创建项目二.响应式对象2.1 ref()、computed()、setup()2.2 reactive()、toRefs()、区分 ref 和 reactive三.生命周期（Vue2 vs Vue3）四.侦测函数 - watch五.模块化开发 - hooks5.1 useMouseTracker 鼠标追踪器5.2 useURLLoader 抽离加载函数5.3
上一节我们学习了 Vue 应用实例的初始化过程，其中有很多细节仍需我们去研读，这一节我们就先来研究分析 options 选项的合并过程。我们继续回到 _init 的代码段，它在文件 /src/core/instance/init.js 中，这个方法在应用和组件实例化时都是必须调用的，options 选项合并就在这里被执行。// Vue.prototype._init 方法代码段
...
// me
一、node.js安装以及环境配置1、下载vue.js下载地址：https://nodejs.org/en/ 2、安装node.js下载完成后，双击安装包开始安装。安装地址最好换成自己指定的地址。 这一步根据自己的需要进行选择，我这里就选的是第一个。网上有些教程说要选中第4个，我这里是要后期需要更换全局模块所在的路径，以及缓存cache的路径的，所以在后期需要自己重新配置环境变
转载
2024-07-29 22:47:56
632阅读
Vuex里的modules在一个大型单页面项目中，当共享的数据足够多时，所有的共享数据全部放在store/index.js文件夹里非常的冗余，可能有成百上千行代码，寻找起来很不方便。 在store文件夹里创建一个modules的文件夹，里面随意创建一个对应模块语义化的.js文件(如test.js)，然后export输出这样这个文件夹就成了一个模块，再在原先的ind
前言vue程序代码写完了，不做任何优化，发现包有点大，为此我们需要分析打包文件中都有些什么。才能对症下药。主要是因为博主当初的服务器才1M带宽........1M该Demo为vue3.0的~查看包文件这个没有优化过的包首先，修改我们的 package.json 文件然后执行打包命令npm run build我们会发现多了一个 report.html，打开他加载时长分析vue-cli的打包策略是将n
文章目录jeecg-boot 项目前言config\index.jsrequest.js地址通用项目解决办法1、修改 env 配置，以 开发环境为例（这一步针对 jeecg-boot 项目）2、vue.config.js 添加跨域注意： 普通项目多重跨域请直接看 vue.config.js 添加跨域 jeecg-boot 项目前言最近公司使用 jeecg-boot 低代码平台做项目，总体来说项
vue优化总结一、vue页面优化1、路由懒加载2、组件懒加载3、图片懒加载4、V-IF和V-SHOW的区别使用5、禁用行内样式6、提取公共代码7、npm包改成cdn引用8、computed和watch区分9、v-for避免同时使用v-if10、减少页面接口请求个数11、减少data中非必要参数个数12、第三方插件按需引入13、v-for中，设置唯一key值14、首屏加载慢，优先引入骨架屏二、we
// window系统下1.nodeJs 安装nodeJs 安装 看 这里 , 先下载再下一步下一步就OK了，我的是在C盘里安装的。 安装完以后 按 win + R ，在弹出的小框框里输入 CMD 然后回车，像下面这样 然后 输入 node -v 如上图，如果出现版本号，那么恭喜，安装成功了。&nb
转载
2024-07-17 22:33:26
51阅读
学习目标：本篇日志记录我6-28及6-29两天的学习工作。 目标大致如下：下载安装前端开发平台HBuilderX并搭建Vue开发环境，尝试创建第一个Vue项目。学习Vue基本标签及语法，尝试使用Vue写前端网页。学习内容：（一）安装HbuilderX 前往官网：HBuilderX安装地址 如图所示单击如下按钮进行安装 （二）搭建Vue环境，创建第一个Vue项目 安装后，参考如下链接配置Vue环境H
数据驱动的 web 界面的渐进式框架。 Vue.js 的目标是通过简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易上手，便于与第三方库或既有项目整合。1.独立版本 2.使用CDN方法 3.NPM方法（推荐使用） NPM方法： 1） 安装node.js &nbs
这里我主要介绍两种自定义全局公共组件的方法 （1）第一种： 首先在components中新建一个文件夹，我这里做的是全局加载动画组件所以命名的是Loading文件夹 如图： 其中index.js为组件加载文件，index.vue为组件模板文件index.js文件：// 引入组件
import Loading from './index.vue'
// 创建个空对象
const obj = {}
/
今天在前端项目打包编译时报错如下：具体内容如下： Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)
For more information on which environmen
火气冲冲能把自己气死。。。。最后差点没把自己气死。。。。。 先上cmd上的错误 首先的一点是弄清楚node-gyp（此为何方神物竟难以install...）其实并不是install它而是重构 因为报错的是node-gyp rebuild这一步gypGYP是一种构建自动化工具。 GYP由Google创建，用于生成用于构建Chromium Web浏览器的本机IDE项目文件，并使用
转载
2024-07-11 19:40:13
77阅读
前言：我是一名大三在校生，选修的专业是软件工程，然后主要学前端方向，作为一个前端程员，自己也想有自己的网站，然后被大家浏览，我觉得这是对自己能力的肯定，也是自我提升的一种方法，所以我学习了nodejs，利用nodejs作为项目的后端，然后结合前端最流行的框架之一的vue实现项目，那么我们的项目如何部署到云服务器被大家访问浏览，这里我会向大家详解讲解过程。一、首先我们要有属于自己的云服务器ECS，所
转载
2024-05-24 12:21:40
228阅读
安装 node.jsnode.js 是一个 Javascript 的运行环境一、node.js 是什么 ？
Node.js 不是JS应用、而是JS运行平台
Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境
1、node.js 不是一门语言，不是库，不是框架，只是一个 javaScript 运行时环境。简单的说 node.js 可以解析 javaScript
文章目录一、前言二、安装步骤 一、前言nodejs：它是javascript运行环境，不同系统不能直接运行各种编程语言.npm：nodejs下的包管理器(node package manager)，安装好nodejs就可以使用npm命令了，包管理器用于node插件的管理(安装，卸载，管理依赖等)。webpack：vue的组件都是.vue文件，这样的自定义组件无法被客户端的各种浏览器解析，需要被翻
转载
2024-10-21 23:00:27
39阅读
一、安装 VS code官方网址：Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/ 直接官方下载，安装即可。 二、nodejs：1.安装 官方地址：Node.js 中文网 (nodejs.cn)http://nodejs.cn/在官方下载可维护版本，然后进行正常安装即可
