Vue 2 实例 Props 选项
props 选项的值可以是数组或对象，用于接收来自父组件的数据。当 props 的值为一个对象时，可以配置高级选项，如：类型检测、自定义验证、设置默认值。当 props 的值为一个简单的数组时，键值是接收的属性名，如果父组件没有传递该属性，属性值为 undefined
辰风沐阳 阅读 608 2023-04-09
Vue 2.x 混入 mixins
混入 (minxin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被 “混合” 进入该组件本身的选项。当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行合并
辰风沐阳 阅读 416 2023-04-03
Vue CLI 脚手架的模式和环境变量
"模式" 是 Vue CLI 项目中一个重要的概念。作为一名开发人员，我们可能需要针对每一种环境编写一些不同的代码并且保证这些代码运行在正确的环境中，那么我们应该如何在代码中判断项目所处的环境同时执行不同的代码呢？这就需要我们进行正确的环境配置和管理
辰风沐阳 阅读 406 2023-03-15
Vuex 3.x 目录结构组织
Vuex 并不限制你的代码结构，但是，它规定了一些需要遵守的规则: 1. 应用层级的状态应该集中到单个 store 对象中 2. 提交 mutation 是更改状态的唯一方法 3. 异步逻辑都应该封装到 action 里面。好的代码结构组织利于开发和维护
辰风沐阳 阅读 414 2022-12-15
Vue3 快速入门及巩固基础【更新中】
Vue 是一款用于构建用户界面的 JavaScript 框架，它基于 HTML，CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效的开发用户界面。本文在学习 Vue3 新特性的同时，也复习了下 Vue 基础知识
辰风沐阳 阅读 395 2022-10-21
VitePress 内测版体验
VitePress 还未正式发布，当前 (2022-09-20) 处于内测阶段，本文为初次使用总结，正式发布后用法可能略有变化。VitePress 建议在 Vite 之上，而 VuePress 建立在 Webpack 上，也就是它们使用的打包工具不同，并且 VitePress 解决了 VuePress 设计上的一些缺陷
辰风沐阳 阅读 712 2022-09-20
Vue 2.x 过滤器
Vue2 支持自定义过滤器，可被用于一些常用的文本格式化。过滤器可以用在两个地方：双花括号插值 和 v-bind 表达式，过滤器应被添加在 JavaScript 表达式的尾部，使用 “管道符号” 指示。需要注意的是在 Vue3 中已经不支持过滤器
辰风沐阳 阅读 233 2022-07-08
Vue 脚手架 Axios 网络请求模块封装
本文记录 axios 的基本使用和网络请求模块封装写法。在 Vue1.x 的时候，Vue 官方推出了 vue-resource，它的体积相对于 jquery 小了很多，在 Vue2.x 推出后，去掉了 vue-resource，并且 vue 作者尤雨溪推荐使用 axios。
辰风沐阳 阅读 689 2022-01-18
Vuex 3.x 状态管理模式
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之: Vuex 就是实现多个组件中共享状态的一个插件。
辰风沐阳 阅读 692 2022-01-14
Vue CLI 2 脚手架 TabBar 组件封装
本文记录在 vue cli 2 中封装 tabbar 组件详细步骤，主要是为了感受 vue 的组件封装思想，也是前面学习 vue 基础的练习案例
辰风沐阳 阅读 719 2022-01-12