Vue on Roam Tech-verse | Roamverse Technical Blog /notes/vue/ Recent content in Vue on Roam Tech-verse | Roamverse Technical Blog Hugo en-us Copyright © 2020-2026 Razon Yang. All Rights Reserved. 在 Vue 中使用 Element-UI /notes/vue/element-ui/ Thu, 28 Sep 2023 16:34:08 +0800 /notes/vue/element-ui/ Vue UI 组件库

在Vue中，可以通过引入他人编写好的组件库，来构建自己的页面，提高开发效率。

Vue中常用的UI组件库有：

安装 Element-UI

1npm i element-ui

引入并应用 Element-UI

1import ElementUI from 'element-ui'; // 引入 Element-UI
2import 'element-ui/lib/theme-chalk/index.css';  // 引入 Element-UI 的全部样式
3Vue.use(ElementUI); // 应用 Element-UI

直接使用以上方式引入Element-UI，引入的是Element-UI中所有的组件以及它们的样式和交互。这会使页面的体积变得十分庞大。

]]> Vuex 插件 /notes/vue/vuex/ Fri, 22 Sep 2023 10:47:45 +0000 /notes/vue/vuex/ Vuex是由Vue官方开发的一个专为Vue.js开发的状态管理库。Vuex可以集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

]]> Vue 过渡和动画 /notes/vue/animations/ Wed, 20 Sep 2023 09:47:53 +0000 /notes/vue/animations/ Vue封装了一套可以快速构建基于状态变化的过渡和过度与动画的组件<transition>（<Transition>）和<transition-group>（<TransitionGroup>）。

]]> Vue 插件 /notes/vue/plugins/ Mon, 18 Sep 2023 01:48:20 +0000 /notes/vue/plugins/ Vue插件主要用于增强Vue。

定义插件

在Vue中，插件的本质是一个包含install()方法的对象。

install()方法：

]]> Vue 入门 /notes/vue/introduction/ Sat, 19 Aug 2023 07:36:10 +0000 /notes/vue/introduction/ Vue.js 是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

]]>