chaihongjun.me

Vue-router路由学习笔记$router和$route的区别

Vue-router路由学习笔记$router和$route的区别

柴宏俊chaihongjun.me

this.$route和this.$router如果对路由概念很清楚,是非常容易混淆的。 关于this.$route 官方的API介绍是这样的: 一个路由对象(route object)表示当前激活的路由的状...

vscode自动编译typescript文件配置方法

vscode自动编译typescript文件配置方法

柴宏俊chaihongjun.me

前一篇文章《 vscode环境配置webpack工具typescript自动编译 》已经介绍了在webpack脚手架的情景下如何配置一系列环境,然后让typescript文件能自动编译成javasc...

vscode环境配置webpack工具typescript自动编译

vscode环境配置webpack工具typescript自动编译

柴宏俊chaihongjun.me

默认情景是在Win系统 前置条件: 安装 NodeJs 安装 typescript 模块: npminstall-gtypescript 为了确保安装了 typescript 模块,请在命令行终端验证一下: tsc-v#可以看到安...

Vue组件之间通信总结

Vue组件之间通信总结

柴宏俊chaihongjun.me

组件之间的通信涉及到父子,兄弟和隔代之间。 父组件给子组件传递数据,通过父组件的数据绑定到子组件的prop进行传递 父组件: templatedivh1父组件/h1c...

vue-cli3脚手架引入jquery和bootstrap

vue-cli3脚手架引入jquery和bootstrap

柴宏俊chaihongjun.me

Vuejs和相关的vue-cli脚手架与jquery是不相干的技术。老的项目希望用Vue来重构新的前端部分,面临到的是一些Vue生态没有对应的插件,因此,Jquery及相关的插...

将网站改造成PWA

将网站改造成PWA

柴宏俊chaihongjun.me

如今网络上已经有相关的文章介绍,如何将网站变身成为PWA,(Progressive Web App) 类似native app原生应用,这里不对PWA做解释,只是记录一下本站的改造过程。...

[Vuex]入门学习之三Getter

[Vuex]入门学习之三Getter

柴宏俊chaihongjun.me

继续学习Vuex的选项getters,根据官方的文档介绍,有一个需求情况,需要从store的state派生新的状态。这个可对应理解成Vue实例的computed属性,就像计算属性,...

[Vuex]入门学习之二辅助函数mapState

[Vuex]入门学习之二辅助函数mapState

柴宏俊chaihongjun.me

继续接着上一篇的内容《 [Vuex]入门学习之一Vuex初识 》学习新的内容:mapState。从字面的意思可以看出来辅助函数mapState的作用是用来映射状态的。结合官网...

[Vuex]入门学习之一Vuex初识

[Vuex]入门学习之一Vuex初识

柴宏俊chaihongjun.me

Vuex是Vue的官方状态管理插件,适用场景是在中大型单页应用中,比如用户的登陆信息数据会在会员所有页面可用,实际可以理解为多组件共享数据维护。按...