琪琪伤感 - 博客园

2019年5月11日

摘要： JSON Web Token 入门教程：http://www.ruanyifeng.com/blog/2018/07/json_web_token-tutorial.html 后端代码地址：https://github.com/lison16/vue-cource/commit/c0341e8ea7 阅读全文

posted @ 2019-05-11 16:41 琪琪伤感阅读(5090) 评论(0) 推荐(0) 编辑

2019年5月7日

递归组件的使用

摘要： 1.封装简单的Menu组件代码目录结构如下： router.js: menu-page.vue: a-menu.vue: a-menu-item.vue: a-submenu.vue: 运行效果： 2.递归组件在以上提到的简单Menu的基础上，继续封装一个Recursivemenu（递归组件）：阅读全文

posted @ 2019-05-07 22:19 琪琪伤感阅读(211) 评论(0) 推荐(0) 编辑

2019年5月6日

Render渲染函数和JSX

摘要： 1.Render函数：render是用来替换temlate的，需要更灵活的模板的写法的时候，用render。官网API地址：https://cn.vuejs.org/v2/guide/render-function.html 通常写的h为createElement的缩写，createElement 阅读全文

posted @ 2019-05-06 23:01 琪琪伤感阅读(3001) 评论(0) 推荐(0) 编辑

2019年5月3日

在Vue将第三方JS库封装为组件使用

摘要：第三方JS库地址：https://github.com/inorganik/CountUp.js 使用NPM进行安装：根据官方回答，CountUp.js是一个无依赖，轻量级的Javascript类，可用于快速创建以更有趣的方式显示数值数据的动画。在代码开始之前，先补充几个Vue.js的基础知识：阅读全文

posted @ 2019-05-03 17:16 琪琪伤感阅读(951) 评论(0) 推荐(0) 编辑

2019年5月2日

Vue处理ajax请求

摘要： Ajax请求 1>解决跨域问题 1.1前端解决。只需要在vue.config.js中增加devServer节点增加代理： 1.2后端解决，应用cors（Cross-Origin Resource Sharing）解决。如果是node环境，可以这样写：如果是.net环境，在Global.asax中阅读全文

posted @ 2019-05-02 22:12 琪琪伤感阅读(3999) 评论(0) 推荐(0) 编辑

2019年5月1日

Vuex进阶

摘要： 1.插件下面以一个对state进行持久化存储的插件为例进行介绍：代码结构： saveInLocal.js index.js store.vue: 点击名称为：“修改appName和user.js中的userName”的按钮：效果图： 2.严格模式在严格模式下，无论何时发生了状态变更且不是由阅读全文

posted @ 2019-05-01 19:21 琪琪伤感阅读(251) 评论(0) 推荐(0) 编辑

Vuex基础-Module

摘要：官方API地址：https://vuex.vuejs.org/zh/guide/modules.html 前面几节课写的user.js就称为一个module，这样做的原因是：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。每个模阅读全文

posted @ 2019-05-01 16:02 琪琪伤感阅读(198) 评论(0) 推荐(0) 编辑

Vuex基础-Action

摘要：在文章开始之前，再次强调一句：Vuex会把getter mutations action不管是在模块定义的还是在根级别定义的都会注册在全局官网API地址：https://vuex.vuejs.org/zh/guide/actions.html Action 类似于 mutation，不同在于：阅读全文

posted @ 2019-05-01 14:44 琪琪伤感阅读(233) 评论(0) 推荐(0) 编辑

Vuex基础-Mutation

摘要：借助官网的一张图，更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。不可以直接对其进行赋值改变。需要注意的是，mutations只能做一些同步的操作。代码结构： index.js: mutations.js state.js: user.js: 下面通过m 阅读全文

posted @ 2019-05-01 13:40 琪琪伤感阅读(247) 评论(0) 推荐(0) 编辑

2019年4月30日

Vuex基础-Getter

摘要：官方地址：https://vuex.vuejs.org/zh/guide/getters.html Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新阅读全文

posted @ 2019-04-30 23:31 琪琪伤感阅读(687) 评论(0) 推荐(0) 编辑