Vue CLI 脚手架的模式和环境变量

Vue

"模式" 是 Vue CLI 项目中一个重要的概念。作为一名开发人员,我们可能需要针对每一种环境编写一些不同的代码并且保证这些代码运行在正确的环境中,那么我们应该如何在代码中判断项目所处的环境同时执行不同的代码呢?这就需要我们进行正确的环境配置和管理

辰风沐阳 阅读 132 2023-03-15

Vuex 3.x 目录结构组织

Vue

Vuex 并不限制你的代码结构,但是,它规定了一些需要遵守的规则: 1. 应用层级的状态应该集中到单个 store 对象中 2. 提交 mutation 是更改状态的唯一方法 3. 异步逻辑都应该封装到 action 里面。好的代码结构组织利于开发和维护

辰风沐阳 阅读 293 2022-12-15

Vue3 快速入门及巩固基础【更新中】

Vue

Vue 是一款用于构建用户界面的 JavaScript 框架,它基于 HTML,CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效的开发用户界面。本文在学习 Vue3 新特性的同时,也复习了下 Vue 基础知识

辰风沐阳 阅读 255 2022-10-21

VitePress 内测版体验

Vue

VitePress 还未正式发布,当前 (2022-09-20) 处于内测阶段,本文为初次使用总结,正式发布后用法可能略有变化。VitePress 建议在 Vite 之上,而 VuePress 建立在 Webpack 上,也就是它们使用的打包工具不同,并且 VitePress 解决了 VuePress 设计上的一些缺陷

辰风沐阳 阅读 432 2022-09-20

Vue 网络请求模块封装 (axios)

axios

本文记录 axios 的基本使用和网络请求模块封装写法。在 Vue1.x 的时候,Vue 官方推出了 vue-resource,它的体积相对于 jquery 小了很多,在 Vue2.x 推出后,去掉了 vue-resource,并且 vue 作者尤雨溪推荐使用 axios。

辰风沐阳 阅读 540 2022-01-18

Vuex 3.x 状态管理模式

Vue

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简而言之: Vuex 就是实现多个组件中共享状态的一个插件。

辰风沐阳 阅读 580 2022-01-14

Vue CLI 2 脚手架 TabBar 组件封装

Vue

本文记录在 vue cli 2 中封装 tabbar 组件详细步骤,主要是为了感受 vue 的组件封装思想,也是前面学习 vue 基础的练习案例

辰风沐阳 阅读 575 2022-01-12

Vue-Router 3.x 的基本使用

Vue

Vue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。本文记录路由参数传递、导航守卫、keep-alive 组件的基本使用,是初次学习 vue router 的笔记总结

辰风沐阳 阅读 490 2022-01-05

Vue 的认识、特点介绍、安装方式

Vue

渐进式意味着可以将 Vue 作为应用的一部分嵌入其中。假设一个项目需要重构,有很多页面需要重写,那么此时可以使用 Vue 对某一个页面进行重构,等有时间时再对其他页面进行一点一点重构,那么这个过程可以理解是渐进式的

辰风沐阳 阅读 532 2021-12-28

vue cli 中的 import 和 export

Vue

import Vue from 'vue' 代表引入的是工具;import App from './App' 代表引入的是组件;export default 理解为 Vue.component('', {}) 的第二个参数

辰风沐阳 阅读 961 2020-09-18