随笔分类 -  vue+node+ssr

09-vuex基本应用之计数demo
摘要：1.新建store.js，创建store对象，并且相应配置 2.在入口index.js文件里面：new Vue对象里注入store 3.在组件内部可以通过this.$store获取项目中的store对象 阅读全文
posted @ 2019-07-21 09:29 haines 阅读(450) 评论(0) 推荐(0)
08-配置vue路由的步骤
摘要：1- 安装vue-router 2-书写路由配置js文件 3-入口index.js文件中注入 4-设置路由出口:<router-view/> 阅读全文
posted @ 2019-07-19 17:23 haines 阅读(269) 评论(0) 推荐(0)
服务端渲染原理和配置
摘要： 阅读全文
posted @ 2019-07-19 16:23 haines 阅读(529) 评论(0) 推荐(0)
07-vue组件的异步加载
摘要：问题：路由在非常多的情况下，一次性把全部组件打包到一起，会导致打包的js文件很大，首屏加载的时间会变得很长 解决： 1-路由配置： 2- 安装 babel-plugin-syntax-dynamic-import 3- .babelrc配置 4- 重启项目，调试方法 重启项目后，调试方法是：切换到不 阅读全文
posted @ 2019-06-16 10:32 haines 阅读(453) 评论(0) 推荐(0)
06-vue路由动画
摘要：html: css: 阅读全文
posted @ 2019-06-16 08:53 haines 阅读(123) 评论(0) 推荐(0)
05-配置好history模式的路由以后，刷新浏览器出现404
摘要：原因： devServer里面没有配置historyApiFallback 解决方法： 阅读全文
posted @ 2019-06-15 23:26 haines 阅读(450) 评论(0) 推荐(0)
04-配置git hook，用于代码提交前的验证 precommit
摘要：使用一个插件：husky ，此插件可以帮助我们在提交代码前，进行代码风格的检查，如果不符合eslint规范，是提交不到远程仓库的。 1.安装 2.配置package.json 原理： 安装husky后，每次执行git commit -m 'xxx',会自动调用npm run precomit 阅读全文
posted @ 2019-06-15 21:11 haines 阅读(1728) 评论(0) 推荐(0)
03-配置 .editorconfig
摘要：由于在团队协作中，不同的人使用ide的不同，导致本身配置存在差异，比如tab缩进有的是2格有的是4格，故配置.editorconfig文件 ps: vscode要安装editorconfig插件 webstorm已经默认安装了 阅读全文
posted @ 2019-06-15 20:57 haines 阅读(294) 评论(0) 推荐(0)
02 vue 项目配置eslint
摘要：直接使用官方推荐的eslint-standard的npm包 1.安装eslint-standard 2.安装npm i eslint-plugin-html 此插件可以解析vue里面的js 3.在项目的根目录增加 .eslintrc文件 4.在package.json里面配置相应的检测文件及目录 5 阅读全文
posted @ 2019-06-15 20:37 haines 阅读(1082) 评论(0) 推荐(0)
01-前言
摘要：csr:返回的是空标签 ssr:返回的带内容的字符串 阅读全文
posted @ 2019-06-15 12:33 haines 阅读(143) 评论(0) 推荐(0)