Gary Leong

Options API-选项式API[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xt63PZXy-1633764817045)(…/…/assets/options.png)]优点：新手上手简单，项目小简单清晰明了缺点：项目大了后，一个methods中可能包含很多个方法，往往分不清哪个方法对应着哪个功能，而且当你想要新增一个功能的时候你可能需要在 data，methods，computed，watch中都要写一些东西，但是这个时候每个选项里面的内容很多你需要上下来

一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 ...

import xxx fromvueimport FunName from '../xxx'jsexport defualt function FunName() { return fetch({ url: '/article/list', method: 'get' });}import {xxx} fromvueimport {xxx} fr...

<script>export default { props: { /* ✓ GOOD */ // basic type check (`null` means accept any type) propA: Number, // multiple possible types propB: [String, Number], //...

引入Axios网络请求使用 Axios，首先安装Axios依赖npm i axios -S对于网络请求，由于在每一次请求时都需要判断各种异常情况，然后提示用户，例如请求是否成功、失败的原因等，考虑到这些判断基本上都使用重复的代码，因此可以将网络请求封装，做成Vue的插件方便使用。由于封装的代码比较长，这里就不贴出来了，读者可以在GitHub 上查看，地址为https://github....

v-if：每次都会重新创建或删除元素，具有较高的切换性能消耗；v-show：每次切换元素的 display:none 样式，具有较高的初始渲染消耗。<input type="button" value="shift" @click="flag=!flag><h1 v-if="flag">v-if 控制的元素 </h1><h1 v-show="fla...

获取ECharts你可以通过以下几种方式获取 ECharts。从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。在 ECharts 的 GitHub 获取。通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用echarts通过 jsDelivr 等 CDN 引入引入E...

基于Vue官方风格指南整理。一、强制1. 组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。正例：export default { name: 'TodoItem', // ...}反例：export default { name: 'Todo', // ...}2. 组件数据组件的 data 必须是一个函数。当在组件中使用 dat...

这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可 。例如：父组件中：<template> <div> <head-top></head-top> <section class="data_section"> <header ...

Vue 项目使用 webpack 来构建。首先确保本地已经安装了 NodeJS，然后在 CMD 中执行如下命令，可以创建并启动一个名为 vuehr 的前端项目：npm install -g vue-clivue init webpack vuehrcd vuehrnpm run dev 在执行“vue init webpack vuehr“命令时，会要求依次输入项目的基本信息，如图所示...