随笔分类 - vue
vue学习
摘要：本文分享自华为云社区《学习Vue Router，HTML5 History 模式，因为history模式刷新页面会出现404》，作者： DevFeng 。 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载
阅读全文
摘要：路由切换跳转时，发现一个页面的接口和页面展示每次进入都会调用created。keep-alive缓存页面没有效果，代码如下 keep-alive页面 <section class="app-main"> <transition name="fade-transform" mode="out-in">
阅读全文
摘要：package.json { "name": "CmsWap", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "vue-pdf": "^4.3.0" }, "devDependencies":
阅读全文
摘要：开发一个前后端分离的后台管理项目，前端用vue，后端的webapi，这样一般是两个站点，有没有办法把他们集成在一个站点里呢？ 问了下度娘，还真可以。 1、安装Proggmatic.SpaServices.VueCli install-package Proggmatic.SpaServices.Vu
阅读全文
摘要：之前使用了好几种引用tinymce的方式都已失败而告终，也找原因了。因为下面这个还是成功了，记录一下 1、引用tinymce-vue npm i @tinymce/tinymce-vue -S 2、封装控件 <template> <div> <Editor :id="tinymceId" :init
阅读全文
摘要：1、安装jquery npm i jquery -D 2、在webpack.base.conf.js里加入 var webpack = require("webpack") 3、在文件babel.config.js中的module.exports的最后加入 plugins: [ new webpac
阅读全文
摘要：1. 简介keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用： 在组件切换过程中将状态保留在内存中，防止重复
阅读全文
摘要：一、环境准备1、安装node.js下载地址：https://nodejs.org/zh-cn/ 二、搭建vue环境1、全局安装vue-cli这里注意：安装vue-cli对node.js的版本是有要求的 npm install -g vue-cli 三 创建项目 1、进入你的项目目录，创建一个基于 w
阅读全文
摘要：之前一篇文章说过，vue里用到了es6的拓展（...）语法，然后编译一直报错 unExpected token 解决方案是 1、引入babel依赖 npm install babel-plugin-transform-object-rest-spreadnpm install babel-prese
阅读全文
摘要：一、使用svg的好处未来必热：SVG Sprite技术介绍第一种方式：二、安装svg-sprite-loader npm install svg-sprite-loader --save-dev 三、webpack 配置（build/webpack.base.conf.js） { test: /\.
阅读全文
摘要：一、用HBuilderx开发后台管理项目时，用到了es6的拓展（...）语法，然后编译一直报错，不支持。 安装es-checker $ npm install -g es-checker $ es-checker 检测发现是支持该语法的。 百度后找到的解决方案 1、引入babel依赖 npm ins
阅读全文
