前言 在vue开发SPA应用的过程中,多数情况下我们需要解决一个问题 就是在路由跳转的过程中需要更新你SPA应用的 title , 这一节不说其他,就展示如何使用 vue-router 的 导航钩子 去解决这么一个问题. 接下来就愉快的去玩耍啦! 正文 好的,介绍下背景,我有这么一个 博客的demo ,里面有多个版块,每个版块有着不同的名称( title ) 先看一下Demo的路由结构 vue2.leenty.com ├── home # 首页版块 ├── article # 文章版块 │ ├─…

简介:对于不了解slot的用法(参考:大白话vue-slot的用法)又刚接触render函数的同学来说,官网的解释无疑一脸懵逼,这里就整理下个人对render函数的理解 问题: 1.render函数是什么 2.render函数怎么用 render函数是什么 简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译…

普通函数 普通函数指的是用function定义的函数 var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数 箭头函数指的是用=>定义的函数 var hello = () => { console.log("Hello, Fundebug!"); } 箭头函数没有自己的this值,箭头函数中所使用的this来自于函数作用域链. this this就是代码执行时当前的context…

本来我的需求是这样的,使用ElementUI的日期选择器,当日期选择器被更改时需要根据新日期来向服务器获取新数据,但是发现这个日期选择器没有change事件,后来终于发现vue有个watch函数就是用来干这个的.懒得写太多,直接贴段代码: watch: { seldate: function (val) { var date = new Date(val) var year = date.getFullYear() var month = date.getMonth() + 1 this.$st…

VueX 是一个专门为 Vue.js 应用设计的状态管理构架,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data ). Vuex有五个核心概念: state, getters, mutations, actions, modules. 1. state:vuex的基本数据,用来存储变量 2. geeter:从基本数据(state)派生的数据,相当于state的计算属性 3. mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action).每…

接下来我们对几个钩子函数进行解释 beforeCreated:这个钩子函数实在vue实例创建后,触发的.这个时候还没有进行data里的数据监听和事件的初始化 其实大家很多时候都会在created钩子函数中是调用事件,那么这个数据监听和事件初始化就是在beforeCreated之前和created之后进行的. beforeMount 这个进行模板编译,编译模板但是没有元素挂载,无法获取dom mounted 元素挂载结束,可以获取dom 元素 beforeUpdata 组件更新前调用 updata…

方法一: 在mian.js中写入函数: Vue.prototype.bb = function () {        alert('OK'); } 然后在任何组件中都可以调用: this.bb() 方法二: 先在skyworth-global.js中添加函数: exports.install = function (Vue, options) {        Vue.prototype.bb = function (){                alert('OK');        …

原文链接:http://blog.csdn.net/myzhanglt/article/details/7392999 今日学习遇到一个不熟悉的函数LPAD,查了一下文档,将其用法总结如下: Lpad Function:在PL/SQL中用于往源字符串的左侧填充一些字符. 函数参数:lpad( string1, padded_length, [ pad_string ] ) 其中 string1:源字符串 padded_length:最终返回的字符串的长度,如果最终返回的字符串的长度比源字符串的小…

程序中调用了某个库中的函数,我想知道这个函数具体的作用,就必须去看这个库的源代码. 那么问题来了:如何从库中众多的.h文件中,得知我想要的函数在哪个文件里? 最后用grep命令成功解决. 具体用法:先从命令行进入要搜索的文件夹,再使用 grep -n -H -R "要搜索的关键字" 附上grep简介: grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工…

什么是vue的钩子函数? Vue 实例在被创建时,会经过一系列的初始化过程,初始化过程中会运行一些函数,叫做生命周期钩子函数,通过运用钩子函数,用户在可以在Vue实例初始化的不同阶段添加自己的代码,以此来实现自己想做的事情.钩子函数在Vue初始化.更新数据.销毁时会被自动调用. 钩子函数的生命周期示意图: 钩子函数详解: beforeCreate:vue实例创建初始化后,数据观测 (data observer) 和event/watch事件配置之前触发: created:在实例创建完成后被立即调…