摘要: Vue中import '@...'是什么 今天看新项目代码,有import '@/assets/css/theme/index.css'一类的代码,里面的@是做什么的呢。 找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html,这个是webpack使用 阅读全文
posted @ 2019-07-23 15:57 DarJeely 阅读(1324) 评论(0) 推荐(0) 编辑
摘要: Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。 什么鬼东西 看完这段专业的解释,我反正是一脸懵逼,内心毫无波澜,甚至有点想吃酱肘子。感觉和没说一样嘛!keep going。 阅读全文
posted @ 2019-07-23 15:55 DarJeely 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 1、vuex的定义 1)Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式,使用插件的形式引进项目中 2)集中存储和管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 3)每一个 Vuex 应用的核心就是 store(仓库),new Vue.store({...}),“store”基本上就是一个容器,它包含应用中大部分的状态 (state) 2... 阅读全文
posted @ 2019-07-23 15:54 DarJeely 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 转载https://segmentfault.com/a/1190000015782272 在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里 阅读全文
posted @ 2019-07-23 15:52 DarJeely 阅读(1516) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/chinabin1993/p/9848720.html 这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。 看了一下午的官方文档,以及资料,才发现vuex so easy! 作为一个 阅读全文
posted @ 2019-07-23 15:50 DarJeely 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接下来我们就来学习一下vuex是如何修改状态值的: 我们新建一个vue项目(这里由于我们是讲解vuex,所以对于vue 阅读全文
posted @ 2019-07-23 15:44 DarJeely 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 第三方模块没有默认引用到我们的电脑中,我们要进行下载 chalk 这个包是为了使输出不再单调,添加文字背景什么的,改变字体颜色什么的, npm install chalk //只需要写文件包名,不需要写文件路径const chalk= require('chalk');console.log(cha 阅读全文
posted @ 2019-07-23 14:55 DarJeely 阅读(2965) 评论(0) 推荐(0) 编辑
摘要: 在使用Grafana的过程中,发现Grafana关于视图页面中每一个面板都可拖拽,可随意放大放小,体验非常棒,F12看了Grafana的代码,看打包后的代码很像react,进一步css,看到有grid layout的字眼,然后尝试去搜了下有没有这方面的组件,一搜果然是有这样的组件的。首先看到的是react版本的组件,然后搜了下也有vue相关的。 以前也见过jquery的可拖拽组件demo... 阅读全文
posted @ 2019-07-23 14:54 DarJeely 阅读(3161) 评论(0) 推荐(0) 编辑
摘要: vue-grid-layout vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired in React-Grid-Layout Current version: 2.3.4 (Supp 阅读全文
posted @ 2019-07-23 14:53 DarJeely 阅读(887) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/fengxin666/p/10059058.html 我接触到vue-grid-layout是通过我们公司的项目,感觉还是比较简单上手的,大概看了有1个小时吧,我是个行动派,就是觉得实践出真知,但是记性也不太好,有时候自己踩过的坑会忘记,会改但是 阅读全文
posted @ 2019-07-23 14:50 DarJeely 阅读(1311) 评论(0) 推荐(0) 编辑
摘要: 0. 直接上 预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻 阅读全文
posted @ 2019-07-23 14:43 DarJeely 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 转载自:https://blog.csdn.net/gao_xu_520/article/details/80915400 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gao_xu_520/article/details/80915400一.概念 阅读全文
posted @ 2019-07-23 14:36 DarJeely 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 1.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。(百度百科) 2.相对于前端来讲 对于前端来说,钩子函数就是指再所有函数执行 阅读全文
posted @ 2019-07-23 14:29 DarJeely 阅读(11384) 评论(0) 推荐(0) 编辑
摘要: 为什么要使用babel-polyfill? Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行,所以我们可以用ES6编写,而不用考虑环境支持的问题; 有些浏览器版本的发布早于ES6的定稿和发布,因此如果在编程中使用了ES6的新特性,而浏览器没有更新版本,或者新版 阅读全文
posted @ 2019-07-23 14:24 DarJeely 阅读(13659) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/princesong/p/6728250.html 前两天一个首页项目,想用vue玩耍一下,就用vue-cli搭建了一套vue的开发框架 完成开发、联调和上线后,问题来了 chrome、ff浏览器下都能正常显示的页面,在百度浏览器下愣就显示不出来 阅读全文
posted @ 2019-07-23 14:23 DarJeely 阅读(729) 评论(0) 推荐(0) 编辑
摘要: 最近在优化一个vue的博客系统,想实现文章列表处的文章拖拽功能。就试了一下awe-dnd vue插件,觉得还挺好用的。 安装 npm install awe-dnd --save 使用 在main.js中,通过Vue.use引入 import VueDND from 'awe-dnd' Vue.us 阅读全文
posted @ 2019-07-23 14:18 DarJeely 阅读(4138) 评论(0) 推荐(0) 编辑
摘要: ES6中 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等。 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 1.export export const str... 阅读全文
posted @ 2019-07-23 14:15 DarJeely 阅读(315) 评论(0) 推荐(0) 编辑
摘要: 1 export的使用 比喻index.js要使用test.js中的数据 首先在test.js文件中进行导出操作 在index.js文件进行导入操作 第一种方法: 此时的输出结果是: 注意: export 不能直接写成这样子 export{ "":"" // 这样会报错 .... } 2 expor 阅读全文
posted @ 2019-07-23 14:14 DarJeely 阅读(11282) 评论(1) 推荐(2) 编辑
摘要: Vue的组件为什么要export default Vue 的模块机制 Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如: 此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置: 意思是,你的模块可以省略 ".js",". 阅读全文
posted @ 2019-07-23 14:11 DarJeely 阅读(427) 评论(0) 推荐(0) 编辑
摘要: vue-loader:解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理。 css-loade:加载由 vue-loader 提取出的 CSS 代码。 vue-template-c 阅读全文
posted @ 2019-07-23 13:55 DarJeely 阅读(391) 评论(0) 推荐(0) 编辑