- 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据... 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据...
- 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。... 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。...
- 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',... 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',...
- 网页的安全性优化是一个越来越被开发者重视的问题（例如配置 SSL 证书实现网站的 https 访问，通过插件对 XSS 攻击进行预防等），今天我们就来分析 掘金 是如何实现网站跳转外部链接时“拦截”并通知的功能。 网页的安全性优化是一个越来越被开发者重视的问题（例如配置 SSL 证书实现网站的 https 访问，通过插件对 XSS 攻击进行预防等），今天我们就来分析 掘金 是如何实现网站跳转外部链接时“拦截”并通知的功能。
- 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，... 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，...
- 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接... 一、前言在学习和使用Vue.js 2.0 过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到无法调用plus的H5+接口问题，所以最后拍照上传功能还是使用input file方式解决。但是内心还是不甘，由于项目进度推进，迭代版本，所以不得不放弃，后续我将此功能使用调用H5+接...
- 使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm –vC:\Users\hiszm>npm -v6.10.3安装webpack和脚手架npm install webpack –gnpm install -g @vue/cli@4.5.15vue -vC:\Users\hiszm>vue... 使用淘宝 NPM 镜像。npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm –vC:\Users\hiszm>npm -v6.10.3安装webpack和脚手架npm install webpack –gnpm install -g @vue/cli@4.5.15vue -vC:\Users\hiszm>vue...
- 一、前言在项目开发过程中，一般都是在同一域名下进行接口联调，且不存在跨域，但是当我们在使用vue-cli进行项目打包的时候，在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index ，这样直接使用会存在跨域的请求，导致接口请求不成功，因此需要在打包的时候进行代理配置。 二... 一、前言在项目开发过程中，一般都是在同一域名下进行接口联调，且不存在跨域，但是当我们在使用vue-cli进行项目打包的时候，在本地启动服务器后，比如本地开发服务下是 http://localhost:8080 这样的访问页面，但是我们的接口地址是 http://xxxx.com/save/index ，这样直接使用会存在跨域的请求，导致接口请求不成功，因此需要在打包的时候进行代理配置。 二...
- 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja... 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja...
- 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i... 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i...
- 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件... 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件...
- 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou... 一、前言在Vue2.0路由跳转中，除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，使用 router.push 方法。这个方法会向 history 栈添加一个新记录，所以，当用户点击浏览器后退按钮时，可以返回到之前的 URL。当你点击 <rou...
- 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi... 一、前言build.js配置文件是npm run build 命令的入口配置文件，主要用于生产环境。由于这是一个系统配置文件，将涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 此文件运行在node环境中，使用webpack的nodejsAPI实现自定义构建和开发流程// npm和node版本检查，请看我的check-versions配置文件相关文章requi...
- 个人简介作者是一个来自河源的大三在校生，以下笔记都是作者自学之路的一些浅薄经验，如有错误请指正，将来会不断的完善笔记，帮助更多的Java爱好者入门。@[toc] Vue2框架-2.9.6该Vue2入门笔记所参考的是：Vue.js官方文档、尤雨溪讲解视频(中文翻译版)、以及诸多CSDN笔记、知乎等，仅供入门参考，不作任何深入研究！ 起步 编译器选择IDEA（不推荐），IDEA开发Vue应用的... 个人简介作者是一个来自河源的大三在校生，以下笔记都是作者自学之路的一些浅薄经验，如有错误请指正，将来会不断的完善笔记，帮助更多的Java爱好者入门。@[toc] Vue2框架-2.9.6该Vue2入门笔记所参考的是：Vue.js官方文档、尤雨溪讲解视频(中文翻译版)、以及诸多CSDN笔记、知乎等，仅供入门参考，不作任何深入研究！ 起步 编译器选择IDEA（不推荐），IDEA开发Vue应用的...
- 一、前言Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:... 一、前言Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:...
上滑加载中
推荐直播
-
非标装备制造企业如何破除交付困境2022/04/21 周四 16:00-17:00
张燕聪 广州盛原成科技有限公司CEO
解析非标装备制造企业面临的装备交付困境，分享典型的装备企业如何利用IT和OT融合的技术提升从设备研发到设备交付的效率，提升企业竞争力。
回顾中 -
华为数字机器人RPA训练营开营直播2022/04/21 周四 19:00-20:00
韩老师 华为RPA院校合作总监
华为数字机器人7天训练营开篇直播，带所有开发者了解华为RPA产品构成、各产品关键特性及能力等，同时，介绍华为RPA人才培养计划及此次训练营课程设置、活动亮点等。更有直播好礼，等着大家哦~
回顾中 -
CANN训练营-基于GAN的图像合成技术介绍2022/04/21 周四 19:30-20:30
波哥 昇腾CANN计算机视觉算法专家
昇腾CANN论文上榜CVPR计算机视觉领域顶会，使得全景图像生成算法交互性再增强！论文作者首次公开解读论文精髓，邀您共同探讨基于GAN的图像合成技术！
回顾中
热门标签