vue基本知识1、计算属性computed:{
totalPrice:function(){
let result = 0;
for(let i = 0;i < this.books.length;i ++){
result += this.books[i]*price
}
return result;
for(let i in this.books){
Vue项目实战系列（一）：如何修改个人信息当你登录网站的时候，那么你肯定会有自己的个人信息，比如昵称，账户名，头像，性别以及电话等等。那么当我们想修改这些数据的时候，背后究竟做了那些东西，使用了那些技术点。如下是示意图，从后台获取个人信息下来，点击各项信息，可以对其进行编辑，然后进行修改。那么我们是如何向下一个页面传递数据的呢？我们需要传递那些信息，应该如何实现呢？本章学习重点：页面之间传递数据。
转载
2024-07-04 20:03:52
17阅读
vue-cli2 升级 vue-cli3由于vue-cli2 版本太低，升级到vue-cli3 采用的方法是新建cli3项目，对比差异，在cli2项目单独升级检查环境node环境检查版本是否在8.11版本以上npm uninstall vue-cli -g 卸载旧版本的vue-clinpm install -g @vue/cli 安装新版本新建cli3项目vue create 选择自定义安装按空格
转载
2024-02-21 12:20:28
280阅读
在开始之前,阅读源码你需要有扎实的基本功,还要有耐心,能把握全局,不要扣细节!一、先看看目录├── build --------------------------------- 构建相关的文件
├── dist ---------------------------------- 构建后文件的输出目录
├── examples ------------------------------ 存放使
ES5及ES6 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.es5是2009.12月发布的，es6是2015.6月发布的。vue2完全支持es5的（vue3完全支持es6的），react完全支持es6一、es5的新特性1、严格模式（对应的相反的称为怪异模式）'use strict'
转载
2024-04-09 16:26:44
221阅读
大前端串讲一、Node.jsNode.js就是运行在服务端的JavaScriptNode.js是一个时间驱动I/O服务器JavaScript环境，基于Google的V8引擎，V8引擎执行JavaScript的速度非常快，性能非常好Node.js快速入门浏览器的内核包括两个部分核心DOM渲染引擎JavaScript解析器（js引擎）js运行在浏览器内核中的js引擎内部而Node.js是脱离浏览器环境
背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多，代码出现冗余，因此在同事的推动下，鉴于vue 3.x的优化，故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢，请查阅如下步骤：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6 使用快捷键win+R，出来“运行”界面： 输入cmd
文章目录1、课程介绍2、Vue基础语法2-1、创建第一个Vue实例2-2、挂载点，模板与实例2-3、Vue实例中的数据，事件和方法2-4、Vue中属性绑定和双向数据绑定2-5、Vue中的计算属性和侦听器2-6、v-if，v-show与v-for指令3、Vue中的组件3-1、todolist功能开发3-2、todolist组件拆分3-3、组件与实例的关系3-4、实现todolist的删除功能4、V
BBS项目内容回顾1. 登陆页面
1. 验证码
1. PIL(Pillow)
2. io
2. ORM
1. 增删改查
3. AJAX
$.ajax({
url: '',
type: '',
data: {},
Vue项目优化 文章目录Vue项目优化1 代码层面的优化1 长列表性能优化2 事件的销毁3 图片懒加载4 路由懒加载5 按需加载插件2 Webpack层面的优化2.1 压缩图片2.2 提取公共代码2.3 模板预编译2.4 提取组件的 CSS2.5 优化 SourceMap2.6 构建结构输出分析2.7 Vue项目的编译优化3 基础的Web技术优化3.1 开启gzip压缩3.2 浏览器缓存3.3 C
转载
2024-04-07 12:08:20
57阅读
升级步骤
1、
删除原vue-cli并安装vue-cli3.0
2、删除新项目中src下的内容，把原项目中src目录覆盖到新项目中
3、把router从目录文件夹改为文件，src/router/index.js提高一层变成src/router.js
4、
我的项目中src已经分为了views和components所以无需修改，如果不是这个结构需要自己区分下
转载
2024-04-18 12:52:00
161阅读
手写 Vue 系列 之 从 Vue1 升级到 Vue2，将上篇文章中写的 lyn-vue 升级到 Vue2
前言上一篇文章 手写 Vue 系列 之 Vue1.x 带大家从零开始实现了 Vue1 的核心原理，包括如下功能：数据响应式拦截普通对象数组数据响应式更新依赖收集DepWatcher编译器文本节点v-on:clickv-bindv-model在最后也详细
转载
2023-12-10 14:08:50
109阅读
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作
转载
2024-07-27 10:33:31
27阅读
学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。官网：https://cli.vuejs.org/guide/GitHub：https://github.com/vuejs/vue-c
转载
2024-08-06 13:31:50
31阅读
查看vue版本： npm list vue 查看@vue/cli版本：vue -V ...
转载
2021-07-30 13:43:00
1192阅读
2评论
随着前端开发的不断发展，Vue.js已经成为了非常流行的前端框架之一。而在开发Vue项目时，我们通常会用到Node.js作为后端服务器来运行我们的Vue应用。在实际开发中，我们经常需要查看项目所使用的Node.js版本，以确保项目的稳定性和兼容性。本文将向大家介绍如何查看Vue项目所使用的Node.js版本。
### 步骤概览
在下面的表格中，我将详细介绍查看Vue项目Node.js版本的步骤：
原创
2024-05-22 11:11:26
2316阅读
Vue3的升级及优化总结版本要求Vue2到Vue3的变化Vue3新特性未完待续 版本要求node: 14.0版本以上 “vue-loader”: “^16.0.0” “vue”: “^3.1.0” “@vue/compat”: “^3.1.0” “@vue/compiler-sfc”: “^3.1.0”Vue2到Vue3的变化1. Vue2是面对对象编程，Vue3是面向函数编程2. 直接访问子组
如何新建vue项目首先，确保电脑上有Node.js环境 前往官网下载node.js。 根据个人需求进行下载，下载完成后安装（过程省略。。。） 完成好关闭，按键盘Win键+R，打开运行并输入cmd后回车； 得到一个页面再次输入“node -v”，查看你的node版本；确保电脑有‘vue-cli’环境安装vue脚手架点击官网； 在cmd中进行安装，输入npm install -g @vue/cli回车
转载
2024-05-25 20:41:17
86阅读
在这个博文中，我们要讨论的是如何在一个 Vue 项目中升级 jQuery 版本，希望大家能从中了解整个过程的每一个环节。
### 背景定位
作为一个开发团队，我们常常会面临技术栈更新的需求。在我们的项目中，使用 jQuery 来实现某些功能时，逐渐感受到其版本的老旧带来的限制：
> **用户原始需求：**
> > "我们需要更新 jQuery 以支持新的特性，同时确保现有功能无缝迁移。"
### vue项目搭建的基本环境1：安装node.js 首先电脑需要安装node.js，安装node.js会自带npm;查看node和npm的安装版本，如果安装了可输入：node -v 和 npm -v;可以查看当前安装版本的版本号；弹出版本号，则说明已安装， 2:下载淘宝镜像 cnpm；上面我们下载的是npm包管理工具；但是由于npm服务器是在国外的
