
Vue
苏珊蓝顿
三级键盘工作者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
不会吧不会吧!不会还有人npm start不能冲进5s内吧!
不会还有人的npm start需要50秒吧? 属于你的Webpack配置 「观感度:????????????????????」 「享用时间:2min」 说在前面 随着项目不断迭代,所需的静态资源、依赖库和插件越来越多,需要遍历的文件也呈指数式增加,导致每次编译的速度非常慢,再加上笔者接手的是类游戏化的Phaser项目,光是游戏引擎也需要消耗资源,固对项目进行编译时的优化。 所需插件 HardSourceWebpackPlugin 1.安装 npm install hard-source-webpack-原创 2020-12-12 15:22:12 · 345 阅读 · 0 评论 -
【Vue】如何配置代理请求接口
简单粗暴,依旧直接上代码 在实际项目中往往不想直接暴露后台的真实接口,我们可以通过配置代理接口进行伪装请求。 打开项目中/config/index.js文件 找到module.exports 配置 在dev模块中进行如下配置: // Proxy proxyTable: { '/web/api': { target: 'http://lo...原创 2019-11-28 22:50:30 · 3944 阅读 · 1 评论 -
【Vue课序5】保姆级:Vue+Vuex+Element
一、什么是Element element不用多说,与Ant Design一样是页面样式组件库,每个组件有着很多API需要读者慢慢学习并运用到实际项目当中。有时候为了方便交流,我们称之为 ’elm’ 或者 ’饿了么‘ 二、安装”elm“ 通过npm安装: npm install element-ui -S 通过yarn安装: yarn add element-ui -S 三、按需加载 借助 b...原创 2019-11-28 15:57:43 · 450 阅读 · 0 评论 -
【Vue课序4】保姆级:Vuex异步数据获取
Store的解耦: 官方提供的是将Vuex注册在src/main.js下,但是为了后来项目store的解藕,我们采取一步到位式配置,参考辉哥React教案中react+redux的设计模式。 1.修改主store.js,用来集中管理主分支数据,其他分支数据通过import注入 import Vue from 'vue' // 引入 vue import Vuex from 'vuex' // 引...原创 2019-11-23 11:22:49 · 588 阅读 · 0 评论 -
【Vue课序3】保姆级:实现Vue + Vuex 的状态管理
一、什么是 Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 二、安装 Vuex 通过npm安装: npm install vuex —save 通过yarn安装: yarn add vuex 三、用全局store来管理状态 拿刚刚完成的HelloWorld.vue来体验V...原创 2019-11-21 11:19:12 · 370 阅读 · 0 评论 -
【Vue课序2】保姆级:初识Vue项目结构和实现第一个Vue组件
一、了解项目结构 当通过 vue init webpack 初始化Vue项目时会自动创建一下模板 二、了解Vue单元组件的构成 介绍: 一个标准的.vue文件由以下模块构成: <template></template> <script></script> <!-- Add "scoped" attribute to limit CSS ...原创 2019-11-19 22:06:21 · 354 阅读 · 0 评论 -
【Vue课序1】保姆级:从零到一搭建VUE开发环境和启动项目
一、什么是 Vue Vue 是一个用于构建用户界面的渐进式框架「注意读音类似于 View,作者的初衷也是让其起 View 的功能」,Vue 只注重视图层,这点和 React 的是一模一样的,Vue的特点: 简单、易用 灵活 高效 二、Vue 环境搭建 安装 node,使用 npm 和 yarn 首先要安装 node,可以去官网下载:https://nodejs.org/en/download/...原创 2019-11-18 14:06:38 · 725 阅读 · 0 评论