![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 72
敲代码的张杰
好记性不如烂笔头啊。。。
展开
-
vue3缓存页面keep-alive+路由统一处理
一、前言当使用路由跳转到其他页面的时候,要求缓存当前页面,比如列表页面跳转到详情页面,需要缓存列表内容,并且保存滚动条位置,也有时候需要缓存的页面里面有部分内容不缓存,总之各种情况,下面就列举其中一些例子vue2和vue3的使用方式是不一样的created()方法和mounted()方法在页面初始化的时候会执行,如果缓存了页面,这两个方法都不会再执行,还有如果缓存了页面,vue2中的destroyed()和vue3中的unmounted()方法都不会执行activated()方法在每次进入页面都会原创 2021-10-15 14:28:37 · 6076 阅读 · 6 评论 -
VUEX的简单使用
文章目录一、引入vuex模块二、组成介绍三、案例1.State案例2.Mutations案例3.getters案例4.Action案例4.1案例1-使用context,不传参4.2案例2-体现异步调用,使用{commit}4.3案例3-传参,体现异步调用,使用{commit},增加Promise5.modules案例一、引入vuex模块可以在使用vue-cli创建vue项目的时候加入vuex模块二、组成介绍State — 数据仓库getters — 用来获取数据的(不缓存)Mutation —原创 2021-09-20 13:46:13 · 624 阅读 · 2 评论 -
使用vue-cli2搭建vue项目
一、安装vue-cli1.使用npm安装vue-clinpm install -g vue-cli2.查看版本vue -V二、初始化项目1.命令行执行# 初始化项目名字为vue-test的vue项目,模板使用webpackvue init webpack vue-test2.选择配置等待一会之后,出现如下界面,一路敲回车,使用默认,eslint(代码开发规范)先选no,简单版本先不需要代码规范出现下面的样子就可以了创建好的项目结构如下:三、启动项目执行命令npm r原创 2021-09-09 22:43:30 · 413 阅读 · 0 评论 -
vue-router
一、路由配置package.jsonmain.jsApp.vue增加路由的js文件二、一级路由下面Index.vue跟A.vue属于一级路由,是平级关系,如果从Index.vue路由到A.vue,则A.vue的内容会覆盖Index.vue在跳转的地方添加:三、二级路由下面A.vue跟A1.vue属于父子关系,如果从A.vue路由到A1.vue,则A.vue的内容会和A1.vue的内容共存就是在一级路由下面配置children节点需要在一级页面A.vue里面添加:四、去除原创 2021-09-10 11:16:49 · 169 阅读 · 0 评论 -
webpack相关配置
1.关联续上之前的《vue-loader+webpack项目配置》:https://blog.csdn.net/m0_37840862/article/details/119153932?spm=1001.2014.3001.5501 2.版本vue:2.6.12webpack:4.44.2node.js:12.18.3npm:6.14.63.代码3.1加载图片跟css在src下面创建一个assets/images文件夹,里面放上要用的图片再assets下面创建styles文件夹,用原创 2021-08-09 23:28:11 · 667 阅读 · 2 评论 -
vue-loader+webpack项目配置
1.项目准备安装之前请确保安装了nodejs和npm,在命令行输入node -v查看是否安装node在vscode终端里面这是npm的镜像仓库,会提高下面下载的速度# 配置仓库地址npm config set registry https://registry.npm.taobao.org# 验证是否成功命令npm config ls当验证命令结果如下图,则表示成功了2.初始化项目创建空文件夹"webpackVue",然后用vscode打开,然后打开vscode终端# 将项目初始化成原创 2021-07-29 23:50:34 · 2493 阅读 · 0 评论 -
VUE过滤器的使用
这个例子是对时间戳进行格式转换的template代码: script代码: 过滤器典型使用地方: 在页面加载的时候用v-for进行循环出来的表格、列表等比较容易出错的几个地方: 1.可能是filter里面的形式写错了。 2.可能是filter{}后面没有加“,”。 3.可能是template里面的形式写错了。原创 2017-08-08 16:36:22 · 342 阅读 · 1 评论 -
vue安装
注意下面链接里面的node.js的版本比较低,要自己下载安装高版本,v8就可以了。如果创建项目失败,那就可能是node版本的问题链接:http://www.cnblogs.com/miller-star/p/6394760.html上面链接里面的第五步,如果是用的cnpm那就用cnpm install转载 2017-10-16 11:17:58 · 243 阅读 · 0 评论