vue 解决 数组和对象数据画面不更新
摘要：1.数据是数组类型的时候 原数据: this.testArr = [{c: 12}, {}]; 操作: this.testArr[0] = { a: 123 }/或者 this.testArr[0].c = 12222;操作完了以后不更新 执行操作 this.testArr = this.testA
阅读全文
posted @ 2020-07-30 11:11
随笔分类 - vue相关
vue-cli脚手架打包页面空白
摘要：1.把相对路径改成绝对路径 2.vue.config.js module.exports = { publicPath: './' } 3. outer-view中的内容显示不出来。路由history模式。 这个坑是当你使用了路由之后，在没有后端配合的情况下就手贱打开路由history模式的时候，打
阅读全文
posted @ 2020-04-03 13:37
查看网页加载速度，并优化
摘要：我写了一个网站首页，电脑端速度还行，但是手机端特别卡，vue加载的时候，是把一整个文件打包进去，所以，它的vendors文件特别大。所以我想在本地测试首页的加载速度。 1.F12打开控制面板 设置3g网速，也可以自定义，红框的就是页面加载完成所需要的总时间，这里是26s 一共加载的文件大小是4.2M
阅读全文
posted @ 2020-03-19 21:24
vue 多语言 vue-i18n 按需加载，异步调用
摘要：http://kazupon.github.io/vue-i18n/zh/guide/lazy-loading.html 一次加载所有翻译文件是过度和不必要的。 因为可能一直用中文，那么就不会用到英文的数据,就没必要去加载。只在请求的时候去加载它 1.新建i18n.js import Vue fro
阅读全文
posted @ 2020-03-04 13:51
vue 多语言 vue-i18n
摘要：https://github.com/kazupon/vue-i18n github地址 1. npm install vue-i18n 2.main.js中 import VueI18n from 'vue-i18n' 3.加入一个变量 main修改 const numberFormats = {
阅读全文
posted @ 2020-03-03 16:05
vue 引入 fontawesome 字体库
摘要：1.下载字体库 http://fontawesome.dashgame.com/#basic 解压 2.把所有的文件包放入scss的文件夹下面 3.main.js引入index.scss 4.index.scss中引入 @import './font/scss/font-awesome.scss'
阅读全文
posted @ 2020-03-03 13:55
vue配置config ‘./.../.../***/**.vue’路径别名
摘要：cli-4的脚手架配置 因为组件的引用，经常会遇到import * from '../../../components/common/***.vue‘这样的引入格式，太复杂了，所以可以在vue里面配置路径别名 首先在最外层，和package.json同级目录里面新建一个vue.config.js作为
阅读全文
posted @ 2020-02-27 22:05
vue 路由过渡效果(1)
摘要：1.html界面 <transition name="slide"> <router-view></router-view> </transition> 2.css .slide-enter-active, .slide-leave-active { transition: opacity .8s;
阅读全文
posted @ 2020-02-27 21:46
vue 线上，本地，不同变量配置
摘要：线上的接口和本地的接口不一样，每次打包的时候要手动更改很麻烦。自动让他配置 1.修改package.json --mode line 传参数line给配置项,编译buildline的时候，就能把line变量带给.env "scripts": { "serve": "vue-cli-service s
阅读全文
posted @ 2020-02-20 21:16
vue axios 数据请求实现
摘要：1.安装nginx npm install axios --save-dev cnpm install axios --save-dev 使用淘宝镜像 保存依赖文件到本地 装好了。packjson.js包管理里面会有 2.包管理的所有依赖都可以直接在代码里面import <script> impor
阅读全文
posted @ 2020-02-20 15:44
vue2-dragula vue拖拽组件
摘要：https://github.com/kristianmandrup/vue2-dragula git 地址 https://github.com/kristianmandrup/vue2-dragula-demo/ 安装 并在vue里面使用的详细说明 Drag and drop so simple
阅读全文
posted @ 2019-12-12 10:11
vue-cli 局域网可访问配置
摘要：vue-cli 使用官方脚手架搭建以后，本地的config配置已经没有了，默认打开localhost，无法ip访问 只要修改项目目录配置和防火墙配置 1.在项目根目录下面加一个文件vue.config.js module.exports = { devServer: { host: '0.0.0.0
阅读全文
posted @ 2019-12-11 16:18
vue 循环和v-if 不能混合使用
摘要：<div class="item page-item" v-for="(item,i) in pageNum" @click="setCurrentNum(i)" v-show="showPage(i)" :key="i" > {{item}} </div> 可以使用v-show 去循环显示
阅读全文
posted @ 2019-12-06 10:59
vue-cli 官方脚手架 eslint配置 恢复serve状态下的打印
摘要：使用官方脚手架 打印会提示保存，主要是eslink的配置（在package.json文件夹里面修改） 配置说明 下面是抄的 "eslintConfig": { "root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找 "env": { "node": true//此项
阅读全文
posted @ 2019-12-05 16:34
