chaihongjun.me

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

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

柴宏俊阅读(198)chaihongjun.me

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

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

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

柴宏俊阅读(155)chaihongjun.me

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

Vue组件之间通信总结

Vue组件之间通信总结

柴宏俊阅读(112)chaihongjun.me

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

vue-cli3脚手架引入jquery和bootstrap

vue-cli3脚手架引入jquery和bootstrap

柴宏俊阅读(191)chaihongjun.me

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

将网站改造成PWA

将网站改造成PWA

柴宏俊阅读(116)chaihongjun.me

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

[Vuex]入门学习之三Getter

[Vuex]入门学习之三Getter

柴宏俊阅读(139)chaihongjun.me

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

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

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

柴宏俊阅读(122)chaihongjun.me

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

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

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

柴宏俊阅读(173)chaihongjun.me

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

Vue兄弟组件之间传递数据的方法

Vue兄弟组件之间传递数据的方法

柴宏俊阅读(180)chaihongjun.me

官方教程里有分别介绍父子组件之间的传值方式,其中父组件向子组件传值方式是通过子组件的props属性接收数据完成,父组件模板内向子组件标签绑定的...

vue实例和vue组件有什么不同

vue实例和vue组件有什么不同

柴宏俊阅读(120)chaihongjun.me

经过Vue组件的学习,发现Vue组件和我们new Vue实例化的对象有些相似以及不同的地方。 首先相同的地方: 通过new实例化Vue实例对象的时候传入的参数是一个...