夜雨Gecer的博客

因为项目需求，将项目分成了外侧导航框架与内侧IFrame内容区域，这样在开发过程中，为解决IFrame跨域问题，需要使用反向代理将子页面代理到导航框架中。内容模块配置代理，主要是配置该模块的请求地址。如果按以下配置则直接会请求导航框架的配置的代理若导航框架没有配置响应的接口反向代理则会出现404。的配置是这样的，在axios的baseUrl配置如下代码。之后再再vue.config.j中配置。

1.使用vue-clivue init webpack name2.安装sass，最新版的sass-loader已经不能再vue2下正常运行了，所以要指定版本。npm install --save-dev sass-loader@7.3.1 npm install --save-dev node-sass3.修改Vue中的style<style lang="s...

mixin说是混入，给我的感觉其实就是写了一个父类之后让子类继承。其核心思想就是，定义一次这些方法、字段、钩子函数，谁符合这个这一类的思想直接继承就好。其中还有一些合并，他与继承也是十分相像，父类的字段、方法子类如果没有可以直接拿来用，子类如果有同名的字段、方法直接覆盖掉，钩子函数就相当于后端的构造函数，子类用之前先调用父类的再调用子类的。语法方面官网也写的很详细：局部使用...

效果图其中环装图为子组件，滑块为父页面元素目录main.jsimport Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import echarts from 'echarts'import 'element...

先看效果程序目录这里用到了Vuex，用于更新页面显示的倒计时，当然页面不显示不用也可以。Vuex相关文章前面有介绍，在此就简单描述了import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);export default new Vuex.Store({ state:{ user:{ s...

监听，可以监听数据的变化也可以监听路由的变化，此处展示监听数值的变化，监听路由的变化在路由参数传递那篇文章中另有介绍。本文展示的是对文本框，新旧数值的监听与展示：代码<template><div> <input v-model="data">{{data2}}</div></template><scr...

vuex官方文档表示是状态管理。其实我理解就是公有变量的一个存储池，同时当值的状态改变时也能通知到所有引用的地方对其进行改变，其目的是解决多组件（父子，兄弟）之间传值的不方便的问题。本文将以兄弟组件共用为例安装npm i vuex -s -d引入新建文件 /store/index.js其内容为import Vue from 'vue'import Vuex f...

首先来看一下路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path:'/', redirect:'/home' }, { path: '/ho...

使用组件的意义就在于减少代码量，这里以修改列表为例，演示父子组件传值。效果：子组件代码：<template> <div style="margin-left: 20px"> |----edit----| name: <input v-model="value.name"> age: <input v-...

本章将以一个文本框数值验证作为案例讲解指令。首先先定义一个私有命令<template> <div> <input width="200px" v-errorInfo.color="'red'" v-model="msg"> </div></template><script> /**...

其实对过滤器这个名字，我是有疑问的，因为感觉项目中使用过滤器多数都是在格式化，而且本身根据Vue官方文档说明也是只能用于双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)，这与语义不符感觉不如叫做格式化器。废话不多说，本文主要讲的是Vue单页面应用程序中的私有过滤器以及全局过滤器的使用。两个程序都是以格式化时间作为案例。私有过滤器：定义含有两个参数的过滤器 t...

在前几篇文章，已经介绍了Threejs的基本使用，本文将讲解如何在Vue中加入Threejs以及OBJ、MTL加载。先上效果：文档结构（注意在vue3之前的版本，obj等资源要放在static下面）：其实在vue中使用threejs更加简单，唯一要注意的就是版本问题，我以前用的84版这一次引用的是最新的106版，在相机的处理上感觉与旧版本有区别。步骤：npm cnpm ...

vue-router版本"vue-router": "^3.2.0",文档结构Query模式传参query与传统浏览器传参一致浏览器传参时地址发生变化（例如：http://localhost:8080/b?myKey=b-push）router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ {