随笔分类 - js
摘要：推荐看看大漠老师的文章,非常的有收获 如何在Vue项目中使用vw实现移动端适配 1.首先在项目中安装依赖 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-
阅读全文
摘要：vue.js组件的作用域是独立，可以从以下三个方面理解： 1、父组件模板在父组件作用域内编译，父组件模板的数据用父组件内data数据；2、子组件模板在子组件作用域内编译，子组件模板的数据用子组件内data数据，如果要用父组件的必须用props传递；3、子组件标签的数据，使用父组件内的data数据 案
阅读全文
摘要：eslint配置方式有两种： 有几种东西是可以配置的： 环境：你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。 全局变量：脚本运行期间会访问额外的全局变量。 规则：使用那些规则，并且规则的等级是多少。 我们这里使用配置文件.eslintrc.js来配置，它导出一个模块供ESLi
阅读全文
摘要：官方地址：https://eslint.org/docs/rules/
阅读全文
摘要：本文是对vue项目中自带文件eslintrc.js的内容解析， 介绍了各个eslint配置项的作用，以及为什么这样设置。 比较详细，看完能对eslint有较为全面的了解，基本解除对该文件的疑惑。 /** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文档】http://eslin...
阅读全文
摘要：最近在跟着视频敲项目时，代码提示出现很多奇奇怪怪的错误提示，百度了一下是eslintrc.js文件没有配置相关命令，ESlint的语法检测真的令人抓狂，现在总结一下这些命令的解释，方便以后查阅。 默认eslint规则： 代码末尾不能加分号 ;（强迫症的我受不了哭） 代码中不能存在多行空行；（这个我更也忍不了大哭） tab键不能使用，必须换成两个空格；（超级不习惯） ...
阅读全文
摘要：搭建了一个vue项目，在配置路有的时候，陆续出现了各种报错其中最多的是一些写法，例如空格，缩进，各种括号，结果我一句一句对照，修改相当之费时间，效率低，一上午，一个路由配置都没写好主要报错如下： 截取了一段常见报错，选取其中一个： Expected indentation of 4 spaces b
阅读全文
摘要：在bulid/webpack.base.conf.js里 createLintingRule的内容注释掉 在bulid/webpack.base.conf.js里 createLintingRule的内容注释掉
阅读全文
摘要：前言如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题，导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。erro原因分析通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，e
阅读全文
摘要：前言 最近项目迭代需要开发一个app，由于项目组其他系统前端技术栈都是Vue，所以自己在需求评估的时候就初步敲定了Cordova+Vue的前端架构，后来查阅了不少资料，也掉了不少坑，这里总结一下，也算是对自己这段时间摸索的回顾吧。 项目脚手架搭建 首先安装node和cordova，下面是我项目的版本
阅读全文
摘要：最近人用npm i来直接安装模块，但是有会报错，用npm install就不会报错，刚开始百思不得其解，它俩明明是同一个东西后来查npm的帮助指令发现还是没区别，npm i仅仅是npm install的简写： 实际使用的区别点主要如下(windows下)：1. 用npm i安装的模块无法用npm u
阅读全文
摘要：/ 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹 / 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹
阅读全文
摘要：前言 关于标题,应该算不上是标题党,因为内容真的很多很长很全面.主要是在官网的基础上又详细总结,举例了很多东西.确保所有新人都能理解!所以实际上很多东西是比官网还详细的.你想要的,在官网上没理解的,基本在这里都能找到解答!本来想分成两篇发的,但想想男人长点也没什么不好的.所以也希望各位收藏插眼标记(
阅读全文
摘要：打开一个VUE项目，目录结构是这样的： 如现在有两个页面aaa和HelloWorld，路由配置在index.js中： import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import aaa from...
阅读全文
摘要：先看看 async/await 的语法 async 函数返回一个 Promise 对象 async 函数内部 return 返回的值。会成为 then 方法回调函数的参数。 1 2 3 4 async function f() { return 'hello world' }; f().then(
阅读全文
摘要：一、什么是module？ 背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。 module：可以让每一个模块拥有自己的state、mutation、action、getter
阅读全文
摘要：1、mapState辅助函数 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键。 （1）首先需要在组件中引用才可以使用 import { mapState } from 'vuex' （2）mapState使用前后对比： // 不使用mapState时： comput...
阅读全文
摘要：这次给大家带来vuex里mapState,mapGetters使用详解，vuex里mapState,mapGetters使用的注意事项有哪些，下面就是实战案例，一起来看一下。 一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters （上次记得关于vuex笔
阅读全文
摘要：内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vue和WeUI的组件库 mint-ui ★4870 - Vue 2的移动UI元素 iview ★478
阅读全文
摘要：文章目录 前言 安装使用vuex modules getters mutations actions mapGetters、mapState、mapMutations、mapActions mapGetters mapState mapMutations mapActions 参考地址 前言 我们经
阅读全文
