随笔分类 -  Vue

Nuxt简介和流程图
摘要：相关阅览 官网 Vue.js服务器端渲染指南（英文） 官网 静态化 (预渲染) 官网 nuxtServerInit 方法 官网 API: middleware 属性 官网 API: asyncData 方法 官网 API: validate 方法 官网 API: fetch 方法 Nuxt.js生命 阅读全文
posted @ 2020-06-03 10:38 浮华而已- 阅读(1763) 评论(1) 推荐(0)
vue生命周期图示
摘要：beforeCreate 此时，组件的data和methods以及页面DOM结构都还没有初始化，所以这里什么都做不了 created 此时，组件的data和methods可用。但页面还没被渲染出来，在该函数中，我们经常会发起ajax请求 beforeMount 此时，模板结构已经在内存中编译完成，但 阅读全文
posted @ 2020-06-02 16:55 浮华而已- 阅读(1066) 评论(0) 推荐(0)
vue项目 - vue-cli、vuex实现购物车小demo
摘要：前言： 为了回顾学习的vue内容，将视频中一个大的项目里的购物车这一块单独拎出来写了个小demo。说难也不难，就是对所学的vue知识进行了个整合，实现了三个界面间的操作以及状态管理，但是说简单也不简单，虽然有点基础但写下来还是有些吃力。总的来说，这个小demo写完，对于vue算是能够独立上手了，也养 阅读全文
posted @ 2020-03-19 17:23 浮华而已- 阅读(1721) 评论(0) 推荐(0)
this.$route和this.$router区别以及this.$router详解
摘要：区别 通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由 this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), 阅读全文
posted @ 2020-03-15 11:48 浮华而已- 阅读(3381) 评论(0) 推荐(0)
使用vue-cli生成的项目代码结构介绍
摘要：利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤，请看上一篇博客。搭建完成后，我们可以看到生成的文件夹中包括如下文件。 在开发中，这些生成的配置文件不需做太多的改动，我们要做的就是在src中进行业务代码的开发。 build文件夹 是项目打包的webpack的配置内容，是自动构建成的 阅读全文
posted @ 2020-03-09 16:15 浮华而已- 阅读(793) 评论(0) 推荐(1)
使用vue-cli>=3版本自动生成vue.js+webpack的项目模板
摘要：什么是vue-cli vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 阅读全文
posted @ 2020-03-07 20:30 浮华而已- 阅读(1029) 评论(0) 推荐(2)