longxin111的博客_VUE

nvm环境安装

目录nvm是什么使用背景nvm-windows下载地址安装解决NVM下载慢的方法常用命令配置淘宝镜像nvm安装node安装cnpm安装yarn nvm是什么 NVM全称Node Version Manager，它是一个用于管理多个Node.js版本的工具，可以让你在同一台电脑中安装和使用不同版本的N

版本号

淘宝源

常用命令

原创 7月前 127 阅读

vue+js实现点击图片，图片放大

1.首先在template中插入image，并赋予点击事件（这个时候是小图） <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片

弹出层

Image

点击事件

原创 7月前 486 阅读

vue03 01.创建项目

01.创建项目打包工具 vite官网 vite学习视频 vite介绍 Vite也是前端构建工具相较于webpack,vite采用了不同的运行方式：开发时，并不对代码打包，而是直接采用ESM的方式来，而是直接采用ESM的方式来运行项目在项目部署时，在对项目进行打包除了速度外，vite使用起来

2d

创建项目

Network

原创 2023-04-18 18:34:50 153 阅读

vuepress搭建

参考文章 https://book.hliedu.com/guide/notes/vuepress.html

html

ide

原创 2022-02-25 13:40:02 121 阅读

2019年Vue学习路线图

官网:

html

5e

ide

官网

原创 2021-08-11 15:42:36 135 阅读

配置vscode的vue环境变量

参考下面连接： vscode中使用beautify插件格式化vue文件(自定义快捷键) https://blog.csdn.net/jiandan1127/article/details/85958965 安装插件配置vscode的go环境变量 https://blog.csdn.net/weix

html

.net

javascript

双引号

json

原创 2021-08-07 14:42:57 1002 阅读

yarn出现“There are no scenarios ; must have at least one

错误信息:“There are no scenarios ; must have at least one" 背景:在将vscode自动化构建编译打包时出现这种情况，主要是执行yarn这一步出现的。本次这个另外的虚拟机环境有点乱，主要体现为版本不统一(比如node.js要求为8.12.0及其9以下

linux

ios

node.js

自动化构建

.net

原创 2021-08-07 14:41:43 1392 阅读

命令行创建vue项目

vue h vue create learn vue ❯ Manually select features 选择下面的组件（空格为选中/取消）回车确认使用 history mode 使用node sass 使用ESLint + Airbnb config 保存时检查代码配置文件保存在单独的文件中

git

官网

代码提示

json

错误代码

原创 2021-08-07 14:24:18 901 阅读

axios的基本

[TOC] axios基本使用.html axios+vue.html

ios

html

fish

请求参数

官网

原创 2021-08-07 14:23:54 350 阅读

vue子组件给父组件传值

子组件：子组件通过this.$emit()的方式将值传递给父组件注意：这里的func是父组件中绑定的函数名父组件：好了，so easy!

数据

值传递

数据绑定

原创 2021-08-07 14:22:33 3005 阅读

vue路由跳转的三种方式

[TOC] vue路由跳转的三种方式 1、【实现跳转最简单的方法】 `` 浏览器在解析时，将它解析成一个类似于`` 的标签。 div和css样式略别忘记给需要跳转的路径在需要提前在router/index.js下引入哦。 2、常用于路由传参，用法同第三种区别： 1.query引入方式 par

地址栏

ajax

传递参数

css样式

生命周期

原创 2021-08-07 14:22:14 10000+阅读 1点赞 1收藏

【Vue】vuex存储和本地存储(localstorage、sessionstorage)的区别

sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。用法：储存： 1. 点（.）运算符 sessionStorage.lastname = 'JSAnntQ'; 2. 方括号（[ ]）运算符 session

运算符

数据

刷新页面

html

数据源

原创 2021-08-07 14:19:00 955 阅读

linux ubuntu安装node npm cnpm nvm nrm yarn vue-cli vue-router

linux ubuntu安装node npm cnpm nvm nrm yarn vue-cli vue-router 一．安装node 1.下载node 打开网址：http://nodejs.cn/download/ linux安装node 复制下面的连接 cd /usr/local wget h

linux

.net

bash

html

github

原创 2021-08-07 14:12:37 1118 阅读

千锋教育Vue组件--vue基础的方法

课程地址: https://ke.qq.com/course/251029 term_id=100295989 效果:

html

jquery

初始化

数据

javascript

原创 2021-08-07 13:59:10 177 阅读

Vue2.0--14.小白入门教程--实例化多个vue对象,可初始化操作几种方法

课程地址: https://study.163.com/course/courseMain.htm?courseId=1004711010

初始化

html

方法名

赋值

ide

原创 2021-08-07 13:48:22 214 阅读

Vuejs中关于computed、methods、watch的区别。

Vue.js在模板表达式中限制了，绑定表达式最多只能有一条表达式，但某些数据需要一条以上的表达式运算实现，此时就可以将此数据放在计算属性（computed）当中。 Vuejs中关于computed、methods、watch的区别。 1. computed：计算属性将被混入到 Vue 实例中。所有

数据

方法名

加载

回调函数

赋值

原创 2021-08-07 13:04:08 310 阅读

vue购物车的实现

效果:

css

iphone

html

数组

bootstrap

原创 2021-08-07 13:03:50 171 阅读

vue 改变我们插值的符号{{}}改为${}

delimiters的作用是改变我们插值的符号。Vue默认的插值是双大括号{{}}。但有时我们会有需求更改这个插值的形式。现在我们的插值形式就变成了${}。代替了{{ }}

插值

大括号

原创 2021-08-07 13:03:26 796 阅读

vue3.0 用vue ui　新建项目

安装步骤：１．打开安装界面打开cmd 2.选择要安装的位置 3.设置详情 4.设置预设 5.设置功能选择Ｂabel / Router / Linter/Formatter / 使用配置文件四项 6.设置配置 7.创建预设，并保存 8.安装elementui插件 9.安装axios依赖

ios

配置文件

安装步骤

原创 2021-08-07 13:00:07 938 阅读

vue3.0 yarn启动项目

linux 系统　在root账号下在公共目录里添加配置文件优点：这样就修改配置时就可以不用再重新打包了项目的src目录就是开发目录，代码都是在此目录下开发；目录就是存放那些不需要打包的文件，我们的那个公共路径的文件就是放在这个目录下。新建文件文件文件内容写上基本的路径，或者其他的配置文

静态资源

json

配置文件

linux

根目录

原创 2021-08-07 12:59:09 3067 阅读 1收藏

thinkphp5控制器向+vue的data里传值

传一维数组传值 html里效果:打印明星产品传二维数组: php里: html里:

html

json

javascript

ios

vue.js

原创 2021-08-07 12:47:29 410 阅读

vue 点击当前元素添加class 去掉兄弟的class

效果: 演示地址: https://xibushijie.github.io/static/addClass.html

html

vue.js

javascript

jquery

github

原创 2021-08-07 12:33:43 2655 阅读

04.VUE学习之v-text v-html

效果:

html

vue.js

javascript

.net

数据库

原创 2021-08-07 12:19:21 102 阅读

06.VUE学习之非常实用的计算属性computed实例

效果:

html

javascript

vue.js

字符串

.net

原创 2021-08-07 12:19:08 70 阅读

07.VUE学习之解决phpstorm不识别ECMASCRIPT6语法的问题

此时已经识别:

HTML

原创 2021-08-07 12:18:56 107 阅读

09.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据,返回字符串

cmd下安装axios 安装好后,会多出node_modules文件夹思路: 监听data里的word改变时,发送ajax异步请求数据, 把返回的数据赋值给data里的result,再传给模板里 9.html 9.php里效果:

ios

html

php

javascript

赋值

原创 2021-08-07 12:18:35 129 阅读

10.VUE学习之使用lodash库减少watch对后台请求的压力

问题描述使用watch监听库里word的值的变化,获取新值后,用oxios发送的ajax异步请求, 此时会多次发送请求,浪费服务器资料. 解决办法使用lodash库里的_.debounce函数延缓异步请求的时间,减少对后台请求的压力,设定库里值动态变化后在规定的时间后再异步请求步骤: 1.安装

异步请求

javascript

ios

html

php

原创 2021-08-07 12:18:20 176 阅读

13.VUE学习之控制行内样式

效果:

html

javascript

vue.js

数组

.net

原创 2021-08-07 12:18:05 496 阅读

12.1.VUE学习之-循环li,if判断示例讲解class中应用表达式

功能: 当点击按键时,改变当前循环数组里的status里的值, 判断里的当前的值来,切换显示和的按钮判断里的当前的值来改变里的字体颜色样式效果:

数组

html

javascript

vue.js

循环数组

原创 2021-08-06 17:48:52 635 阅读

12.2 VUE学习之-if判断,实践加减input里的值

效果:

html

javascript

vue.js

jquery

.net

原创 2021-08-06 17:48:37 300 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客