经常会有人问我，前端的脚手架到底是什么东西？我一般也只能泛泛而谈，把对方拉到比我低的水平，然后一本正经的编点东西....1、脚手架是一种约定和规范相同的文件组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码然后脚手架 将这些 重复性的东西全部都集成起来，减少这样无意义的操作就像在 flutter new project 中，自动生成的 文件目录，文件结构，就是脚手架的一种，而 vue

在下新手，写这个只是因为 被这个搞死了好多次，记录一下store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({state: {changeAppOpened: false},getters: {changeApp: stat...

在前面的博客中，我浅薄的学习了Vue 源码中 的 diff 以及 对 key 的使用，现在 再来学习一下更加难以理解的 patch 的过程vue 在 虚拟 dom 这一块，是参照了snabbdom.js 然后在上面进行了部分的修改的，所以如果有不理解的，推荐先去学习这一个东西1、patch 函数在这一系列的函数里面，有很多的钩子函数，类似于 destory 和 create 、insert 的 钩

之前写过一篇react 方法组件构造 Loading 的使用，现在这篇就是 Vue 版本的 方法调用组件了组件还是 vue 组件，这个和之前是一样的Toast/Toast.vue<template><div class="toast" v-if="show"><div class="mask" v-if="showMask">...

最近碰到个问题，搞了老半天发现问题所在哭笑不得，在这里记录一下。父组件： father.vue 1 <template>2<child @toFather="fromChild(arr)"></child>3 <template>4 <script&am

新项目，微信小程序尝试将 wepy1.x 升级到 wepy2.0代码 可以很好地使用 vuex ，这点很赞1、组件①在 wepy1.0 中，同一个组件的状态是 同样的，但是在 wepy2.0 中，组件状态都是分开来的<view class="star-content"><!-- 所以可以使用 v-for 来 --><view...

vue 打包之后拿不到 原先 static 文件里的 图片关于vue 打包是一个 困扰了很多初学者的问题，当然包括我。不过vue-cli 已经优化的很好关于路径问题，百度上有很多，就是在修改：这个文件下的  build: {    // Template for index.html    index: path.resolve(__dirname, '../dist/index.html'), 

vue 中的 $slot以前一直不知到这个东西，后来发现 vue api 中 藏着很多的 很神奇的 api，比如这个具名插槽很好理解，但是那个 default 就有点难了，写了一个炒鸡简单的 demofather:<template><div><button @click="getSlot">getSlot</button...

1. 检查当前设备//判断浏览器是否支持这些 APIif (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {console.log("enumerateDevices() not supported.");return;}// 枚举 cameras and microphones.navigator.med

vue3.0 出来了一段时间了，但是直到这一段时间，才想着要认真学一学，真是惭愧Vue 组合式 API1、上手下载 官方的 vue3.0 的一个包git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3cd vue3yarnyarn dev2、API 学习1、setup函数这个函数完全就是 vue3.0 的核心了，也是