vue
文章平均质量分 85
兢兢业业的码农
这个作者很懒,什么都没留下…
展开
-
vue性能优化
前言:在公司中一般都是使用vue脚手架开发,因此在webpack层面上的性能优化,例如图片压缩,gzip压缩的啥的基本上不用我们去考虑(文章说的不对请评论指正,本人也在学习中)使用css预处理器scss安装:npm install sass-loader node-sass --save-dev代码模块化在多个组件中如果你发现有很多代码相同的话,那么你可以使用mixin(混入)//mixin.js文件//...原创 2021-09-16 16:30:25 · 226 阅读 · 1 评论 -
vue项目搭建
文件的取名方式一般情况下,是按照规范去命名的,这样的话在项目运行时,就无需手动去控制加载哪个文件了。如下当你输入npm run serve命令的时候他会默认的去加载.env.development文件。当你输入npm run build命令的时候他会默认的去加载.env.production文件。但是在实际的项目开发中,紧紧这些是不够的,例如我之前在公司写的项目就有四个环境:测试,预生产,验证,生产环境,那么这是后我们就没有要按这规范去命名了,只需要保证文件是以.env开头即可,既然命名没有规范原创 2022-03-22 11:21:16 · 1717 阅读 · 0 评论 -
vuex的使用
开始Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。使用辅助函数(常见)mapState辅助函数,mapGetters 辅助函数,mapMutations辅助函数由于原创 2021-11-29 13:51:55 · 361 阅读 · 0 评论 -
vue 自定义指定
自定义指定举例v-focus当页面加载时就获取到焦点全局引用//main.js文件import Vue from 'vue'Vue.directives('focus',{ inserted(el){ el.focus() }})//组件中使用<input type="text" v-focus></input>局部引用<template> <div> <input type="text" v-focus>原创 2021-10-09 13:44:06 · 585 阅读 · 0 评论