vue router配置 const router = new VueRouter({ mode: 'history', + base: '/static/', routes }) 页面刷新404 webapps\ROOT\WEB-INF\web.xml <?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee ... 展开全文

vue代码 let exitAppTicker = 0 document.addEventListener("deviceready", () => { document.addEventListener("backbutton", () => { //判断当前路由是否为首页或者登录页面 if (this.$route.path == '/index' || this.$route.path == '') { if (exitAppTicker == 0) { exitAppTicker++; this.$toast({ message: '再按一次退出',... 展开全文

根目录下vue.confing.js const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './', chainWebpack: (config) => { config.resolve.alias .set('@$', resolve('src')) .set('@api', resolve('src/api')) .set('@util', resolve('src/util')) .set('@assets', resolve('src/ass... 展开全文

思路 首先遍历一遍data找到顶级菜单（pid=0）存入res中，然后遍历res，为每一项添加children属性，用每一项的id作为pid查找它的子元素，没有则退出并删除children，不断递归即可 function getTree(pid, arr, res) { for (let i = 0; i < arr.length; i++) { if (arr[i].pid == pid) { res.push(arr[i]) arr.splice(i, 1) i-- } } res.map(r => { ... 展开全文

VuePress是一个由Vue 驱动的静态网站生成器 简洁至上 以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。 Vue 驱动 享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。 高性能 VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。 安装 全局安装 npm install -g vuepress 创建项目并初始化 mkdir project cd project... 展开全文

使用场景 session运行在服务器端,当客户端第一次访问服务器时，可以将客户的登陆信息保存。 可以保存一些客户的常用信息，当客户端再次获取常用信息时，不必再从数据库中进行查询。 在使用session时数据会直接存储在内存中，数据过大会造成溢出，所以session需要配合数据库使用，这里使用redis存储session数据 使用redis需要在服务器中安装redis node项目引入 npm install express-session --save npm install redis connec... 展开全文

后端（Node.js） 后端的作用是为前端提供上传所需要的凭证 准备 注册七牛开发者帐号 登录七牛开发者后台，获取AccessKey 和 Secret Key 创建对象存储的存储空间 地址：https://portal.qiniu.com/user/key sdk安装 npm install qiniu --save token生成 let mac = new qiniu.auth.digest.Mac(accessKey, secretKey); let options = { scope: config.Bucket, expires: 7200, returnBody: '{"key":"$(key)","hash":"$... 展开全文

cross-env cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同。 使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。 适用场景 适用于本地线上环境有差异的场景，例如本地线上使用不用的开发域名则可以通过NODE_ENV来判断 if(process.env.NODE_ENV!='development'){ //线上环境 } proce... 展开全文

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。 我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用 命名 chunk，一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。 const Foo = () =&... 展开全文

vue的生命周期 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。 beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。 mounted el 被新创建的 vm.$el 替换，并挂载到实... 展开全文

1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量，然后通过export暴露出去，在需要的组件引入 global.vue const a=1; export default{ a } 引入 import global from './global' 2.通过全局变量挂载到Vue.prototype main.js Vue.prototype.a = 1; 组件调用 console.log(this.a) 3.使用window对象 window.a=1 4.使用vuex 安装： npm install vuex --save 新建store.js文件 import Vue from 'vue' import ... 展开全文

进入项目下载less和less-loader依赖 less为开发应用时所依赖的工具包，所以应该安装在devDependencies中 npm install less less-loader -D -D为--save --dev的缩写，意思为将依赖包安装在devDependencies中，devDependencies中放置开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也不会安装这些依赖。 -S为--sav... 展开全文

前言 Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，我们将使用它来请求api。 WordPress REST API为WordPress数据类型提供API端点，允许开发人员通过发送和接收JSON（JavaScript Object Notation）对象与站点进行远程交互 。 demo需要实现功能 获取全部的文章列表 点击查看详情进入文章详情... 展开全文