2021年9月22日
provide和inject
摘要： provide和inject是一对组合，作用是传递数据，祖先组件设置一个provide函数，返回一个对象，inject是设置在后代组件中 我们在祖先级设置了provide 1 provide() { 2 return { 3 grid: 1 4 } 5 }, 在后代组件中可以用inject接收 1 阅读全文
posted @ 2021-09-22 21:58 keyeking 阅读(341) 评论(0) 推荐(0) 编辑
Grid 栅格
摘要： 栅格系统的基本使用 我们定义了两个概念，行row和列col，具体使用方法如下： 使用row在水平方向创建一行 将一组col插入在row中 在每个col中，键入自己的内容 通过设置col的span参数，指定跨越的范围，其范围是1到24 每个row中的col总和应该为24 如果我们会遇到些栅格的时候报错 阅读全文
posted @ 2021-09-22 16:42 keyeking 阅读(118) 评论(0) 推荐(0) 编辑
vue-i18n国际化
摘要： 我们会遇到国际化的问题，比如一个页面可以切换中英文，如果同样的代码写两份，势必会造成严重的冗余，所以我们可以利用国际化，优化代码的结构 如何使用 第一步安装依赖 npm install --save vue-i18n 基本使用 我们新建一个lang文件夹，内部存放国际化的字段名称 然后在index. 阅读全文
posted @ 2021-09-22 15:59 keyeking 阅读(418) 评论(0) 推荐(0) 编辑
2021年9月21日
iview-ui
摘要： 和element-ui类似的是iview-ui框架的使用方法基本相同，不同的是提供api和事件等等 iview-ui地址：https://iviewui.com/ 如何使用 第一步安装 npm install view-design --save 要在main.js中进行配置 1 import Vu 阅读全文
posted @ 2021-09-21 22:28 keyeking 阅读(591) 评论(0) 推荐(0) 编辑
element-ui
摘要： 基本使用 https://element.eleme.cn/#/zh-CN/component/installation 现在的前端开发更多的是关注逻辑，很少关注样式，因为ui框架提供给我们足够多的ui组件 我们学习vue使用ui框架，更多的是element-ui和iview-ui 如何使用ui框架 阅读全文
posted @ 2021-09-21 16:07 keyeking 阅读(1409) 评论(0) 推荐(0) 编辑
2021年9月20日
局部参数
摘要： 我们在说局部参数之前，需要知道，new Vuex({})，vuex的参数对象，除了可以罗列modules之外，还可以设置state，mutations，actions，getters，和我们之前设置单一的对象相同 1 import Vuex from 'vuex' 2 // 引入vue 3 impo 阅读全文
posted @ 2021-09-20 17:10 keyeking 阅读(52) 评论(0) 推荐(0) 编辑
module
摘要： 我们现在学习的store.js文件是一个单一的数据模块类型，如果此时我们项目特别的庞大，比如我们有新闻、体育、科学等等模块，这些模块都有自己的全局数据，此时如果都放到store.js的state中，不好维护 所以我们可以通过module进行进行结构、模块的拆分 基本使用 我们在store.js文件中 阅读全文
posted @ 2021-09-20 16:45 keyeking 阅读(371) 评论(0) 推荐(0) 编辑
vuex的action
摘要： 什么是action Action 类似于 mutation，不同在于： Action 提交的是 mutation，而不是直接变更状态。 Action 可以包含任意异步操作 总结来说action就是处理异步任务，mutations是处理同步 我们通常使用action请求一些异步任务，比如一些初始化全局 阅读全文
posted @ 2021-09-20 15:45 keyeking 阅读(958) 评论(0) 推荐(0) 编辑
2021年9月18日
vue的属性getters
摘要： Vuex的getters其实就是全局的一个computed Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算 基本使用 store.js中定义了 阅读全文
posted @ 2021-09-18 21:40 keyeking 阅读(357) 评论(0) 推荐(0) 编辑
vuex的基本使用
摘要： Vuex的x字母表示extension，是“增强”的意思，是vue的插件，也是vue的数据管理容器 官网:https://vuex.vuejs.org/zh/ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测 阅读全文
posted @ 2021-09-18 15:18 keyeking 阅读(61) 评论(0) 推荐(0) 编辑