随笔分类 - Vue
1
摘要：Action 类似于 mutation，不同在于： 1.Action 提交的是 mutation，而不是直接变更状态。 2.Action 可以包含任意异步操作。 官方给的定义我没什么意见,事实上我通过mutation异步操作,好像跟用action管理也没什么区别。关于为什么要用Action管理异步操
阅读全文
摘要：Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 AP
阅读全文
摘要：一.什么是getters在介绍state中我们了解到，在Store仓库里，state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用这个过滤后的数据，比如饼状图组件和曲线图组件，我们是否可以把这个数据抽提出来共享？这就是getter
阅读全文
摘要：最近在学习VUE.js 中间涉及到JS全局变量，与其说是VUE的全局变量，不如说是模块化JS开发的全局变量。 1、全局变量专用模块 就是以一个特定模块来组织管理这些全局量，需要引用的地方导入该模块便好。 模块里的变量用export 暴露出去，当其它地方需要使用时，引入模块global便可。 2、全局
阅读全文
摘要：安装vuex Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是
阅读全文
摘要：学习vue时，导入一个子组件时遇到Module not found:Error:Can`t resolve 'less-loader' 问题，实际上时在子组件中的样式里加了这么个代码 <style lang="less" scoped> </style>而这个less是需要安装的，npm insta
阅读全文
摘要：按照 ivew 提供的方法定制主题，创建一个 less 文件，在其中覆盖变量，再在 main.js 中引入。戳这里 出现报错： 问题貌似是在于 less 版本。。。两种解决方法： 1.打开项目package.json ，将less版本降到3.0以下 比如安装 2.7.3版本。再 install ；（
阅读全文
摘要：错误展示： 问题原因： iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 解决方案： 修改配置文件，忽略该项检查： 根目录下 - .eslintrc.js - rules 添加一行： “vue/no-parsing-error”: [2, { “x-inva
阅读全文
摘要：在 \src\components\index.js 文件中export组件 main.js中修改如下： 首字母替换成大写，加上小写字母v开头。
阅读全文
摘要：框架的热度，出现了不少基于Vue的UI组件库，这次项目用到了 iView 这个组件库。使用方法官网很详细。 官网：https://www.iviewui.com/ 这篇文章主要是记录一下npm 全局安装以及按需引用的用法。 一、全局引用 ①、先安装iview npm install iview -s
阅读全文
摘要：Ask a yes/no question: {{ answer }}
阅读全文
摘要：1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中，export、import可以有多个，export default仅有一个3.通过export方式导出，在导入时要加{ }，export default则不需要 4. (1) 输出单个值，使用e
阅读全文
摘要：其实用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。
阅读全文
摘要：路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个
阅读全文
摘要：eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线(红线可以关闭提示)，虽然可以关闭，但是在编译的时候老是会跳出来，所以能关闭是最好的了。 关闭方法： 在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关
阅读全文
摘要：最近在build打包vue项目遇到了几个问题，如下： 1、npm run build打包项目之后，我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器，但最近发现直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因：找到config文件下
阅读全文
摘要：1、import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’； 此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:[’.js’,’.vue’,’.json’],意思是
阅读全文
摘要：Rundev.bat cd %~dp0npm run dev RunBuild.bat cd %~dp0npm run build
阅读全文
摘要：搭建vue项目之前你需要安装vue的脚手架和node.js，一起去看看怎么搭建一个vue环境吧。（学编程语言最爱看见的就是用这个先写一个helloworld，只想说我对世界友好可是现实是残酷的。。。。。。） 1& 安装node.js （安装网址点击下面链接） node.js下载网址 安装完以后桌面上
阅读全文
1
