Shelly Long的博客

一起学习php

javascript数组的相关操作

push(),数组最后面添加一个元素 pop(),弹出数组的最后一个元素 shift(),移除数组的第一个元素 unshift(),在数组的头部添加一个元素

2019-05-15 14:21:36

阅读数 1

评论数 0

单引号、双引号、反单引号(`)一起用

既然可以这样写,偶然发现的(猜测应该是ES6吧) <button class="layui-btn layui-btn-normal" onclick="javascript:window.location.href=`{:url('模块/控制器/方...

2019-05-08 09:56:47

阅读数 7

评论数 0

npm 如何提升最新版本

首先我们查看一下npm当前版本,打开cmd 运行指令 npm -v 如果不是最新版本,运行一下代码即可。 运行指令 npm install -g npm 这样npm就更新到最新版本了。 如果想更新到指定版本, 运行指令 npm -g install npm@2.9.1...

2019-05-06 22:05:03

阅读数 5

评论数 0

vue学习 36路由精讲之控制滚动行为

main.js const router = new VueRouter({ routes, mode: 'history', scrollBehavior(to, from, savedPosition){ // return {x: 0, y:100} // return {...

2019-05-05 17:16:37

阅读数 8

评论数 0

vue学习 35路由精讲之复用router-view

分离路由配置文件 routes.js import Home from './components/Home' import Menu from './components/Menu' import Admin from './components/Admin' import About f...

2019-05-05 11:24:48

阅读数 9

评论数 0

vue学习 34导航守卫,路由独享-组件守卫

后置钩子(进入组件之后),写在main.js中 // 后置钩子 router.afterEach((to, from) => { alert("after each"); }) 路由独享的守卫,和全局守卫操作一样,但作用域范围不一样。全局守卫写在main....

2019-05-04 17:31:36

阅读数 13

评论数 0

vue学习 33路由精讲之导航守卫(全局守卫)

使用场景:系统未登录,进入除登录外的任何功能,提示未登录并跳转到登录界面。 router.beforeEach()进入组件之前 const router = new VueRouter({ routes, mode: 'history' }) // 全局守卫(to:要进入到那个路由里面...

2019-05-04 13:27:13

阅读数 10

评论数 0

vue学习 32路由精讲之二级路由和三级路由

分级时,默认打开指定下级的路由,使用redirect属性,其值为子级路由的路径path. 子级使用属性children: 值为数组,数组中每个元素都是一个路由对象 二级路由 在main.js中配置路由 // 二级路由 import Contact from './components/a...

2019-05-04 10:38:14

阅读数 19

评论数 0

vue学习 30路由精讲之路由name属性及跳转方法

知识点: 路由起一个名字,路由跳转方法 const routes = [{ path: '/', name: 'homeLink',//路由的名字 component: Home }, { path: '/menu', name: 'menuLink', compo...

2019-05-03 16:25:27

阅读数 6

评论数 0

vue学习 28路由小细节redirect和tag

<router-link></router-link>默认是a标签,可使用tag属性<router-link tag="div"></router-link>指定标签...

2019-05-03 13:53:56

阅读数 7

评论数 0

vue学习 27制作导航和配置路由跳转

所有组件运用相同的导航 vue可搭配很多前端插件,但基本上都是只采用它们的样式,如:bootstrap4,element UI。 个人推荐vue + element ui 样式引入放在index.html文件中。(如:下面引入bootstrap4样式) <link rel=...

2019-05-03 11:19:38

阅读数 40

评论数 0

vue学习 26搭建脚手架

mkdir myproject cd myproject vue init webpack-simple pizza-app cd pizza-app npm install npm run dev 安装vue后 在src中新建components目录 在components目录下新建相关...

2019-05-02 11:19:13

阅读数 61

评论数 0

vue学习 25路由和Http

路由 路由跳转:性能比a标签好 a标签:发送请求、跳转、页面刷新 路由:不会请求,页面刷新,直接跳转 安装路由 npm install vue-router --save-dev main.js // The Vue build version to load with the...

2019-04-30 16:16:56

阅读数 7

评论数 0

vue学习 24生命周期(钩子函数)

生命周期:一个组件从实例化,创建它开始到结束的一个过程 作用:调试、寻找问题、找错误、解决需求 钩子函数:与el属性同级 beforeCreate:function(){ alert("组件实例化之前执行的函数"); }, created:funct...

2019-04-30 09:50:20

阅读数 27

评论数 0

vue学习 23事件传值(子to父)

想法:在Header.vue里面有一个方法changeTitle,当触发changeTitle方法时,App.vue中的title值被改变 实现流程:Header.vue的方法。在changeTitle方法中注册一个事件 methods: { changeTitle: functio...

2019-04-29 11:46:34

阅读数 11

评论数 0

vue学习 22传值和传引用

属性传值可以传两种东西 1.传具体的值 2.传一个引用 如果是传引用,基本上就两个,一个是我们的数组,一个是对象 传引用的话,如果有不止一个地方应用到。改变其中一个,别的地方也会被改变。无论是否在一个组件当中 传值的话,只会改变当前组件中应用到的地方 Users.vue &...

2019-04-29 10:30:31

阅读数 6

评论数 0

vue学习 21属性传值props

vue传值的两种形式: 1.父组件向子组件传值 2.子组件向父组件传值 父组件向子组件传值(属性传值),使用props属性 在App.vue(父组件)中返回数据 <template> <div id="app"&...

2019-04-29 09:23:37

阅读数 8

评论数 0

vue学习 20实战Demo

App.vue <template> <div id="app"> <app-header></app-header> <use...

2019-04-28 11:41:52

阅读数 7

评论数 0

box-sizing 设置或检索对象的盒模型组成模式

box-sizing:border-box; border-box为怪异盒模型,该对象的padding合border被包含在定义的width和height之内。即该对象的宽度不会随padding和border的改变而改变,在宽度设为定值或有最大值时很实用 取值: content-box:...

2019-04-28 10:40:39

阅读数 13

评论数 0

vue学习 19组件CSS作用域

组件分为3个部分 1.模板 2.行为 3.样式 组件中的样式会覆盖根组件的样式;那么我们怎么实现在一个组件中一个样式? 很容易,只需要在组件的style标签中添加scoped属性(即css的作用域) <style scoped> h1{ color: ...

2019-04-26 10:44:05

阅读数 13

评论数 0

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