vue笔记_使用Vue保存快速笔记

vue笔记

保存快速笔记 (Saving Quick Notes)

Saving Quick Notes - Vue, Vuex, Vue Router, Vue Composition API.

保存快速注释-Vue，Vuex，Vue路由器，Vue组成API。

View Demo 查看演示 View Github 查看Github

编译和热重装以进行开发 (Compiles and hot-reloads for development)

yarn run serve

编译并最小化生产 (Compiles and minifies for production)

yarn run build

描述 (Description)

This project is using Vue Composition API (inspired by React Hooks) with Vuex and Vue Router.

该项目使用Vue Composition API (受React Hooks启发)和Vuex和Vue Router。

Vue Composition API is becoming the preferred way of creating components in upcoming [email protected] It's ported to [email protected] using "Vue2 plugin for the Composition API".

Vue Composition API正在成为在即将出现的[受电子邮件保护]中创建组件的首选方式。它已使用“ Composition API的Vue2插件”移植到了[受电子邮件保护] 。

The main motivation of using this approach is to utilize fantastic logic reuse & code organization. After initial adjustment to new way of component definition it becomes obvious that it's easier to grasp component's logic as it's clearly separated from unrelated code (as opposed to previous data/computed/methods separation).

使用这种方法的主要动机是利用出色的逻辑重用和代码组织 。 在初步调整了新的组件定义方式后，很明显，由于将组件逻辑与无关的代码明显分开(与以前的数据/计算/方法分离相反)，因此更容易掌握组件的逻辑。

How "Options API" (current standard) compares to "Composition API"? Here's example how business logic can be distributed in component's code in both approaches:

“ Options API”(当前标准)与“ Composition API”相比如何？ 下面是使用两种方法如何在组件代码中分配业务逻辑的示例：

翻译自: https://vuejsexamples.com/saving-quick-notes-wit-vue/

vue笔记