如果有了可惜

只提供 router-view 的父路由声明

方案一F12 切换到源码 tab，找到 app.[hash].js，ctrl + F 当前文件内搜索 #app ，找到new n["default"]({ router: ui, store: J, render: function(e) { return e($i) }}).$mount("#app");在 new 行打 debugger，然后刷新页面进入 debugger，n[“default”].config.devtools 修改为 tru

需求：基于 element-ui 的 Dialog 组件二次封装Dialog.vue<template> <el-dialog :visible="visible" @close="$emit('update:visible', false)" :width="width" > <!-- 头 --> <template #title> <span class="_label">{{ t

1. 安装npm i vue-baidu-map -S点击查看官方文档2. 注册组件main.js// 全局注册百度地图组件import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: 'your_ak' }) // 自行申请// 按需引入根据官方文档来3. 封装组件src/component/Map.vue实现一个简单 demo， css 自己写<template> <div class="

回顾一下 Vuex 的基础用法// store/index.jsimport Vuex from 'vuex'import Vue from 'vue'Vue.use(Vuex)export default new Vuex.Store({ state: {}, getters: {}, actions: {}, mutations: {},})// main.jsimport Vue from 'vue'import App from './App.vue'i

import Vue from 'vue';export default function $v2d({ vdom, component, data,}) { const Instance = Vue.extend(vdom ? { render() { return vdom } } : component); const vm = new Instance({ data() { return { ...data } }, }).$mount(); d

全局优点：不依赖 vue 或任何，避免了挂载 Vue 下有些地方获取不到 this 从而不能用的情况。缺点：服务端没有 window，window = undefined , window.xx 报错entry.jswindow._ = require('loadsh');Components.vuecreated() { const { value } = axios('') this.list = _.isEmpty(value) ? ['暂无数据'] : value}挂载

father.vue<Children v-bind.sync="dataToChild" />

在前端下载中，一般使用 a 标签下载，但有时候要通过后端接口，比如文件资源是放在一个有网络限制的非公网环境，也就是说直接 url 不能正常请求到资源。一般这时候后端会帮你读这个文件然后传二进制流给前端二进制流返回值例：ÿØÿàJFIF



ÿÛC&/"$&81;:7165=EXK=ATB56MiNT[^cdc<Jltl`sXac_ÿÛC
--_?6?________________________________________

watch: { 'arr[0].value', function (val, oldVal){}}这么写会报错 Watcher only accepts simple dot-delimited paths. For full control, use a function instead对于监听数组的某项的指 watch 可能不太给力正确解决办法created() { this.$watch( () => this.arr[0].value, functi

vite 是一个 Web Server 开发工具，基于浏览器的原生 ES module 支持，不对依赖处理。打包会用 rollup 不是 webpack按需编译：webpacl第一次加载时候其实先 build 后将编译文件 bundle 放在内存中，所以第一次很慢，热重载快而 vite 不会任何操作，启动时只是起 Web Server，并不会编译所有的文件。等请求的时候拦截请求，编译所需文件，然后响应虽然这样做响应会变慢，vite 会对编译后结果缓存方便下次用。当有 1000 + 文件时，先全局编译

1、执行index.html文件2、执行main.js文件3、main.js挂载了app.vue文件，用app.vue的templete替换index.html中的4、main.js中注入了路由文件，将对应的组件渲染到router-view中这里有两个问题1、为什么项目启动时默认显示index.html文件2、为什么默认加载main.js文件这两个都在webpack中有相应的配置，可在配置文件中查看https://blog.csdn.net/weixin_43236610/article/d

当我们在脚手架里打断点有时候会跳转到莫名其妙的地方，这给我们调试带来了困扰vue.config.jsmodule.exports = { configureWebpack: { devtool: 'eval-cheap-module-source-map', // cheap-eval-source-map resolve: { alias: { Analysis: resolve('src/app/analysis'), Cou

组件引入时类似路由懒加载this.$options.components 为当前 .vue 中的组件。 $options :所有配置项<template> <div class="medical_health_dialog"> <div class="item" v-for="(item, name, i) in $options.components" :key="name" > <com.

前言关键词：vue-cli 3.0 分环境部署本文来自菜鸡个人领悟，如有不对的地方请评论区留言指正，多谢????vue-cli 在本地跑和打包时候默认只有 development / production 两种模式，分别对应 process.env.NODE_ENV 的两个值。但是日常开发中常常线上模式分 开发环境/测试环境/预发布环境/生产环境 等多种环境，此时我们需要做一些额外的工作才能保证...

封装组件 BaseInput<template> <div class="base-input-wraper"> <el-input v-bind="$attrs" v-on="$listeners" class="e-input" :style="inputStyle" :value="val...

<template> <div class="chart-wrapper" ref="chart"></div></template><script>/** * Chart容器 * @param {Object} option 配置项 * @eg <Chart :option="option" /> */i...

SPA现在的应用都流行单页面，在用户通过某些操作后更改地址url后，动态的进行不同模版内容的无刷新切换，用户体验更好。在vue中使用官方提供的vue-router来配置单页，通过url的变化，触发hashchange事件进行路由之间的切换（卸载和安装）ajax请求，通过路由，页面不会整体重载Router基础vue 路由的mode(模式)有几种， 分别是什么？在那些环境下运行？h...

安装安装cli3：npm i @vue/cli -g创建：vue create 项目名（慢到炸）选择Manually select features（手动配置），方向键切换，空格选取，回车确定bablecss预处理，选择node sassIn dedicated config files是否保存配置项：n同一台电脑不兼容两个版本，如果需要两个版本同时存在，需先按组...

状态前后标准前后都非标准前标后非前非后标

上拉加载this.scroll.on("pullingUp", function(){ console.log('pullingUp') // 结束，如果不调用此方法上拉只执行一次 this.finishPullUp()});注意：如果用ES6箭头函数注意 this 指向问题this.scroll.on("pullingUp", () => { console.log...

v-bind模版内标签属性默认是不会解析变量的，如果需要将属性与数据绑定，需要用到 v-bind 指令<input title=" msg " > 默认不解析< input :title=" msg "> 绑定使用data:{ msg:' myInput '}v-text和 {{}} 的区别：共同：都不会解析数据内的字符串标签，对比 v-html...

#####　vue.config.js配置'use strict'const path = require('path')function resolve(dir) { return path.join(__dirname, dir)}const port = 8888 // dev portmodule.exports = { publicPath: '/', //路...

使用main.jsimport VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { 失败加载图 error: require('../../assets/icon/add.png'), loading图 loading: require('../../assets/icon/qq.png'),})组件<i...