二十二、Vue之路由中的嵌套

  路由中的嵌套主要实现的功能是:界面左侧导航栏不动,点击左侧导航栏,右侧的内容区随之改变。   实现案例:点击“用户中心”,左侧导航栏有“增加用户”和“管理用户”导航按钮,右侧默认加载“增加用户”界面,点击两个导航按钮,右侧内容随之改变。 1.增加用户界面: <templat...

2019-03-31 23:13:31

阅读数 25

评论数 0

二十一、Vue之Vue-router 中hash模式和history模式的区别

  router有两种模式:hash模式(默认)、history模式(需配置mode: ‘history’)   hash模式url里面永远带着#号,我们在开发当中默认使用这个模式。那么什么时候要用history模式呢?如果用户考虑url的规范那么就需要使用history模式,因为history模...

2019-03-31 20:46:46

阅读数 53

评论数 0

二十、Vue之编程式导航

一、编程式导航啥意思?   所谓编程式导航是和<router-link>相对应的。<router-link>可以类比为传统的超链接<a>,点击即可跳转,是静态的。但有时候我们需要动态跳转,比如:某用户想访问某个页...

2019-03-31 20:41:53

阅读数 29

评论数 0

十九、Vue之vue-cli3.0跨域问题解决

  在项目的根目录新建一个vue.config.js文件(和package.json同层次目录),然后配置文件如下: module.exports = { devServer: { proxy: { // 所有的请求起始部分全部用 '/api'代替,比如访问&q...

2019-03-31 19:33:01

阅读数 125

评论数 0

十八、Vue之动态路由和get传值

一、动态路由 (一)动态路由的基本概念   为了更好地理解动态路由,我这里举一个例子:   比如我搜索书籍,在搜索页面会出现好多书籍组成的列表,这个时候,若我点击某本书籍的列表,那么就会跳转到该书籍的详情页面,这里的动态跳转就是所谓的动态路由。 (二)动态路由的使用 1.创建详情页面组件...

2019-03-29 20:46:12

阅读数 26

评论数 1

十七、Vue之路由

(一)安装 vue-router 插件 cnpm install vue-router --save (二)引入 vue-router 并 Vue.use(VueRouter) (main.js) import Vue from 'vue' import VueRouter from...

2019-03-29 20:04:30

阅读数 30

评论数 0

十六、Vue之 template 中取data()中数据的注意点

  在template 中取data()中数据注意DOM属性和非属性之间的区别: 1.DOM属性中取数值 <template> <div> <input type="text" v-m...

2019-03-29 19:17:50

阅读数 430

评论数 1

十五、Vue之非父子组件传值

1.新建一个js文件,然后引入vue,实例化vue,最后暴露这个实例 VueEvent.js import Vue from "vue"; var VueElement = new Vue(); export default VueElement; 2.在...

2019-03-29 19:07:33

阅读数 26

评论数 1

十四、Vue之父组件主动获取子组件的数据和方法、子组件主动获取父组件的数据和方法

一、父组件主动获取子组件的数据和方法 1.调用子组件的时候定义一个ref <v-header ref="header"></v-header> 2.在父组件里面通过 this.$refs.header...

2019-03-28 22:58:56

阅读数 379

评论数 1

十三、Vue之 父组件传值给子组件 和 子组件传值给父组件

一、简要介绍   父子组件之间的传值主要有三种:传递数值、传递方法、传递对象,主要是靠子组件的 props 属性来接收传值,下面分别介绍: (一)传递数值 1.子组件:Header.vue <template> <div> ...

2019-03-28 21:49:41

阅读数 788

评论数 2

十二、Vue中安装插件一定要加上 --save

在安装组件时,一定要加上 --save ,这样该组件才会出现在 package.json 中,这样别人拿到把你的项目才能正确的把依赖下载完毕,才能成功运行项目!

2019-03-28 19:28:53

阅读数 64

评论数 0

十一、Vue之请求数据

一、vue-resource插件 (一)安装vue-resource插件 备注:在安装组件时,一定要加上 --save ,这样该组件才会出现在 package.json 中,这样别人拿到把你的项目才能正确的把依赖下载完毕,才能成功运行项目! cnpm install vue-reso...

2019-03-28 19:27:27

阅读数 110

评论数 0

十、Vue组件之生命周期函数

一、生命周期函数简单定义   Vue组件生命周期函数可以简单理解为组件在挂载、更新“和销毁时触发的一些列方法。 二、生命周期函数 这些生命周期函数,牢记两个: 1.mounted():模板编译完成时触发。请求数据,操作DOM 一般放在这里 2.beforeDestroy():实例销毁...

2019-03-28 19:09:45

阅读数 29

评论数 0

三、使用Spring Security拦截所有的Actuator(监控)请求,同时放行其他请求

问题:   Springboot通过与Actuator(监控)集成,我们可以全面的监控生产服务器的状况。本来我的本意是分别设置项目的端口和Actuator(监控)的端口,但是报错,不让分别设置端口,那只能用项目的端口。这样就带来一个问题:如何确保Actuator(监控)只能被我访问,而不会被别人恶...

2019-03-27 23:35:06

阅读数 253

评论数 1

二、使用mysql-jdbc连接MySQL出现如下警告:Establishing SSL connection without server's identityverification

1.Java使用mysql-jdbc连接MySQL出现如下警告: Establishing SSL connection without server’s identityverification is not recommended. According to MySQL 5.5.45+, 5....

2019-03-27 23:24:36

阅读数 20

评论数 1

九、Vue组件

一、组件的创建及使用 1.创建组件 在src/components文件夹下创建Home.vue组件,组件的html部分需要用<template>根节点包围起来,同时可以设置组件样式以及组件函数: <template> &...

2019-03-27 20:56:53

阅读数 51

评论数 1

一、SpringBoot生产环境,tomcat启动慢,第一次访问网站也是巨慢无比的解决办法

解决办法参见Creation of SecureRandom instance for session ID generation using [SHA1PRNG] took [184,726] millisec

2019-03-27 18:26:42

阅读数 261

评论数 1

八、Vue之封装通用方法

以封装缓存为例进行讲解: 1.首先在 src 目录下新建 util 目录 2.新建 storage.js 文件 3.封装方法 // 封装本地存储的方法 var storage={ set(key, value) { //对象必须序列化才能存入缓存 local...

2019-03-26 22:25:58

阅读数 97

评论数 1

七、Vue生命周期函数之mounted()------页面刷新时调用

mounted()方法和data()和methods是同级别的 <script> export default { name: 'app', data() { return { todo: '', ...

2019-03-26 22:07:58

阅读数 604

评论数 1

六、Vue之缓存

// 存入缓存,对象必须序列化才可以存入 localStorage.setItem('list', JSON.stringify(this.list)); //取出缓存 因为存入的时候用JSON序列化了,所以取要反序列化 var list = JSON.parse(localStorage.g...

2019-03-26 22:05:27

阅读数 89

评论数 1

提示
确定要删除当前文章?
取消 删除
关闭
关闭