2018年12月_你认识小汐吗

原创 vue中嵌套路由的命名

在设置vue的路由时，有时候会出现一个组建中设置多个<router-view/>可以通过<router-view>指定name属性来区分router-view，不写名字默认为default。<div> <h1>User Settings</h1> <NavBar/> <router-view/&gt

2018-12-28 15:02:32 759

原创 hash和history的区别

vue-router 中hash模式和history模式。在vue的路由配置中有mode选项，最直观的区别就是在url中hash 带了一个很丑的 # ，而history是没有#的。vue默认使用hash。mode:"hash"; mode:"history";hash—— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http:...

2018-12-28 14:45:29 33251 6

原创外部引用CSS中 link与@import的区别

//link引入css<link href="" rel="stylesheet" type="text/css" />//@import引入css<style>@import "../static/css/main.css";</style>1.从属关系区别link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定

2018-12-20 15:46:54 314

原创 vue学习：在main.js中全局导入基础组件

在项目中，可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。所以会导致很多组件里都会有一个包含基础组件的长列表：但是只用于模板的一小部分。import BaseButton from './BaseButton.vue'import BaseIcon from './BaseIcon.vue'import ...

2018-12-17 15:34:12 11192

原创 vue学习：列表的过滤与排序

当你不想改变原数组，想通过一个数组的副本来做过滤或排序的显示时，可以使用计算属性来返回过滤或排序后的数组，例如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>列表渲染_过滤与排序</title>

2018-12-14 12:34:08 480

原创 vue学习：v-for列表渲染

一、用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。<ul id="example-1"> <li v-for="item in items"> {{ item.messag...

2018-12-14 12:07:42 479

原创 vue学习：条件渲染指令

一、v-if v-else-if v-else<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/ja

2018-12-14 11:51:36 425

原创 vue学习：内置指令

1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bind:class v-bind:title v-bind:bb2、v-on：用于监听DOM事件；例如：v-on:click v-on:keyup3、v-model：数据双向绑定；用于表单输入等；例如：<input v-model="message">4、v-show：条件渲染指令，为DO...

2018-12-14 11:31:20 507

原创 vue学习：v-blind及class与style绑定

文章内容源于《Vue.js实战》一、了解v-bind指令首先介绍基本用法和它的语法糖，主要用法是动态更新HTML元素上的属性：<div id="app" > <a v-bind:href="url">链接<a> <img v-bind:src="imgUrl"> <a :href ="url

2018-12-14 11:01:31 4402

原创 vue学习：计算属性

文章内容源于《Vue.js实战》一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>这里的表达式包含3个操作，并不是很清晰，所以遇到复杂逻辑...

2018-12-14 10:06:20 173

原创 ajax请求判断登录超时并给出提示

第一：在后台登录逻辑中判断是否是ajax请求，并设置特定的返回数据；判断请求头中是否含有X-Requested-With并等于XMLHttpRequest，如果为true，则证明是ajax请求if(request.getHeader("X-Requested-With") != null && request.getHeader("X-Requested-With").e...

2018-12-11 09:54:03 2706

sayoko06的博客