VUE April 01, 2020

vue.config.js基本配置

Words count 2.1k Reading time 2 mins.

// vue.config.js 基本配置方法
module.exports = {
  // 项目部署的基础路径
  // 我们默认假设你的应用将会部署在域名的根部,
  // 比如 https://...
Read article

VUE April 01, 2020

vue.config.js基本配置

Words count 2.1k Reading time 2 mins.

// vue.config.js 基本配置方法
module.exports = {
  // 项目部署的基础路径
  // 我们默认假设你的应用将会部署在域名的根部,
  // 比如 https://www.my-app.com/
  // 如果你的应用时部署在一个子路径下,那么你需要在这里
  // 指定子路径。比如,如果你的应用部署在
  // https://www.foobar.com/my-app/
  // 那么将这个值改为 `/my-app/`
  // 基本路径 baseURL已经过时
  publicPath...
Read article

VUE November 25, 2019

使用vue高阶组件

Words count 12k Reading time 11 mins.

高阶组件(HOC)是一种架构模式,在 React 中非常常见,但也可以在 Vue 中使用。它可以被描述为一种在组件之间共享公共功能而不需要重复代码的方法。HOC 的目的是增强组件的功能。它允许在项目中实现可重用性和可维护性。

  • 只要你向一个方法传入组件,然后返回一个新的组件,这就是一个 HOC。

高阶组件在以下方面非常有用: 1.操作属性。 2.操作数据和数据抽象。 3.代码重用

在我们开始教程之前,需要了解以下几点:

使用 Vue 框架的经验。
知道如何使用 vue-cli 设置应用程序。...

Read article

VUE June 13, 2019

vue中不常用的API的使用方法总结

Words count 6.9k Reading time 6 mins.

官网介绍及使用:

指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例

Vue.config.errorHandler = function (err, vm, info) {
  //处理错误信息, 进行错误上报
  //err错误对象
  //vm Vue实例
  //`info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子
  //只在 2.2.0+ 可用
}

这个相当于一个简单的store管理,在不用vuex的情况下,不同组件之...

Read article

VUE March 29, 2019

vue中axios请求的封装

Words count 7.6k Reading time 7 mins.

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库;封装axios,一方面为了以后维护方便,另一方面也可以对请求进行自定义处理,不多BB,开搞

一般我们开发都会有开发、测试、生产环境,前缀需要加以区分,我们利用node环境变量来作判断

if(process.env.NODE_ENV === "development"){
    axios.default.baseURL = "XXXX...
Read article

VUE March 27, 2019

「从源码中学习」面试官都不知道的Vue题目答案

Words count 9.2k Reading time 8 mins.

原文地址

当回答面试官问及的Vue问题,我们除了照本宣科的回答外,其实还可以根据少量的源码来秀一把,来体现出你对Vue的深度了解。

new关键字代表实例化一个对象, 而Vue实际上是一个类, 源码位置是/src/core/instance/index.js

function Vue (options) {
  if (process.env.NODE_ENV !== 'production' &&
    !(this instanceof Vue)
  ) {...
Read article
Load more
0%