vue工程化知识
文章平均质量分 90
包含vue基本知识,如组件使用,通信、各类语法;vue进阶知识,如工程化组件vue-router、vuex的使用。
Saga Two
真诚做人,认真做事
展开
-
一文读懂Vue生命周期(Vue2)
vue生命周期,keepalive生命周期,vue页面数据更新生命周期等详解。原创 2024-05-06 21:56:42 · 1587 阅读 · 0 评论 -
Vue2 引入使用ElementUI详解
vue2引入elementUI,vue2按需引入elementUI详解原创 2024-03-17 14:27:06 · 3916 阅读 · 1 评论 -
vue2 vue-router引入使用详解
vue2 vue-router安装使用详解,包含 vue-router安装、路由视图使用、路由跳转传参,路由守卫使用等原创 2023-12-13 22:21:06 · 4113 阅读 · 0 评论 -
vue3 vue-router使用详解
vue3引入router详解,vue3+typescript使用Vue-Router包详解。原创 2023-06-17 00:14:34 · 16749 阅读 · 0 评论 -
vue3 插槽使用详解
vue slot插槽使用详解原创 2023-03-05 17:12:38 · 16499 阅读 · 5 评论 -
vue动态改变元素样式详解
vue设置样式变量,以在vue中动态改变元素样式,包含动态改变class以及内联样式style等。实现vue动态控制页面样式。原创 2022-06-16 00:33:43 · 14510 阅读 · 2 评论 -
vue内置动态组件component使用详解
vue动态组件使用介绍,包括动态组件切换,动态组件切换数据缓存等原创 2022-03-05 23:56:17 · 48169 阅读 · 5 评论 -
vue router-view使用详解(vue2)
vue2 routerView使用详解原创 2021-08-14 15:58:48 · 91897 阅读 · 10 评论 -
vue2设置保存自动执行run lint配置步骤
分为三部1、安装eslint2、setting3、eslint文件原创 2021-02-21 14:15:57 · 1214 阅读 · 0 评论 -
Vue中ESLint的配置详解
vue中配置eslint详解原创 2021-02-21 13:45:47 · 7016 阅读 · 0 评论 -
vue组件通信方法总结
目录原创 2020-12-06 22:51:38 · 425 阅读 · 2 评论 -
vue实现简单搜索功能
一、概述在vue项目中,搜索功能是我们经常需要使用的一个场景,原创 2020-11-12 00:51:11 · 47160 阅读 · 10 评论 -
vue3项目keepAlive使用方法详解
一、介绍keepalive是Vue的内置组件,作用是将组件缓存在内存当中,防止重复渲染DOM,属于消耗内存获取速度。常用的用法是将组件或者路由缓存,现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。二、使用通常我们可以配置整个页面缓存或只让特定的某个组件保持缓存信息,配置了keepalive的路由或者组件,只会在页面初始化的时候执行created->mounted生命周期,第二次及以后再进入该页面将不会执行改生命周期,而是会去读取缓存信息。1、原创 2020-11-07 13:02:28 · 40697 阅读 · 22 评论 -
vue解决vant组件样式失效问题
vue项目中引入vant组件,若发现vant组件样式失效,则需要手动引入vant组件样式,引入方法为:在vue引入vant的页面中,添加以下代码:import 'vant/lib/index.css'这样可以引入vant全部样式,不过通常我们可以按需引入,比如我们只使用按钮组件,则只需要引入按钮样式,如下:import 'vant/lib/button/style'...原创 2020-11-05 00:06:44 · 15915 阅读 · 5 评论 -
查看vue项目版本号
查看vue项目版本:在项目中的package.json文件的dependencies中查看vue安装的版本,如下图,我安装的时3.0。在控制台使用vue -V打印出的时脚手架vue cli的版本号。原创 2020-10-29 22:47:06 · 2307 阅读 · 0 评论 -
vue父组件与子组件方法传递emit与props
1、背景vue项目中父组件与子组件通信,除了数据传递之外,少不了方法的传递,通常情况下我们使用的父子组件方法传递是通过emit或者props,以下是两种方法的具体使用方法。2、实例方法一:使用emitemit是使用在子组件内的方法,子组件通过emit将方法作为点击方法给父组件调用,代码如下:父组件:// 父组件:<template> <div style="text-align:center"> <div class="value-area">原创 2020-10-18 19:32:09 · 1375 阅读 · 2 评论 -
从零开始搭建Vue开发环境(windows)
一、 介绍Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层。目前是一些互联网公司组六的前端框架。二、 搭建步骤1 搭建node环境node下载地址:http://npm.taobao.org/mirrors/node,进入node下载的淘宝镜像地址,选择最新的安装包(也可选择稳定的安装包).msi文件,对应自己开发环境,如图。原创 2020-09-20 22:12:57 · 6562 阅读 · 0 评论 -
vue项目给Date原型挂载方法(解决Date().fromat无效问题)
今天搭了个新vue项目,在使用日期的format函数的时候,竟然报错了;之前都是在已经搭好的项目开发,浑然不觉这东西还能报错。不过也找到问题原因以及解决办法,原因是js里面date没有这个format方法。解决办法是加一个这个方法,就这么简单hh。分两步走:1、给date原型挂载format属性在项目放js的地方放上以下代码:Date.prototype.format = function (format) { var o = { "M+": this.getMonth() +原创 2020-06-19 00:49:56 · 3336 阅读 · 4 评论