报错信息vue.esm.js?efeb:571 [Vue warn]: Property or method “subItem” is not defined on the instance but referenced dur
原创 2022-07-11 10:32:34
102阅读
全局css样式,首先在静态assets中写好文件,然后要在main.js中配置// 配置全局css样式 // import '@/assets/css/global.css' require('@/assets/css/global.css') //上面两种都可以实现全局样式的导入,但是第二种容错率较好,更健壮,比较常用,第一种对环境要求比较高2. 全局js样式,也是首先要在静态assets文件
转载 10月前
62阅读
模块化已经是现代前端开发中不可或缺的一部分了,从 ECMAScript2015 开始引入了模块的概念,我们称为:ECMAScript Module,简称:ESM什么是模块化?简单来说: 就是把复杂的问题分解成相对独立的模块,这就是模块化。作用: 可以降低程序复杂性,提高代码的重用,也有利于团队协作开发与后期的维护和扩展ESM: 从 ECMAScript2015/ECMAScript6 开始,Jav
转载 2024-10-14 15:05:19
67阅读
1.BootstrapVue Argon Dashboard PROBootstrapVue Argon Dashboard PRO是BootstrapVue和Vue.js的高级仪表板。这是一种全新产品,它基于我们从头开始重新构建的最新框架结构,这种结构旨在使产品更直观,更具适应性,并且更易于定制。让Argon以其酷炫的功能给你带来惊喜,让你的项目达到一个全新的水平。https://demos.c
//cjs exports.sum=(a,b)=>a+b const {sum}=require('./sum') //esm export const sum=(a,b)=>a+b import {sum} from './sum'
原创 7月前
50阅读
JS学习笔记——模块1.为什么JS最早没有模块而到ES6之后有了? 最初的JS脚本较小,对模块化的需求不高。后来随着JS的应用不断扩展,JS脚本的规模迅速增加。为了满足大规模JS工程的需求(松耦合以便合作和调试,复用性强以提高效率),制定JS模块化相关规范势在必行。JS有多个不同的模块化标准。例如:Node的JS模块化规范(CommonJS)和ES6制定模块化标准(ESM)。下文总结ESM的一些
转载 2024-03-19 22:34:45
77阅读
【首先安装node.js】: 1. 从node.js官网下载并安装node,安装过程很简单。 2. npm 版本需要大于 3.0,如果低于此版本需要升级它:# 查看版本 npm -v 2.3.0#升级 npm cnpm install npm -g3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao
vue 打包优化路由按需加载通过vue写的单页应用时,可能会有很多的路由引入。当打包构建的时候,javascript包会变得非常大,影响加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了。这样会大大提高首屏显示的速度。const Home = () => import( './Home.vue') const route
打包前准备工作1. 安装进度条依赖 nprogress打开main.js 添加配置//导入进度条插件---------------? import NProgress from 'nprogress' //导入进度条样式 import 'nprogress/nprogress.css' //---------------------------? 请求在到达服务器之前,先会调用use中的这个回调函
<script>export default {    name:'header'       //  不要使用内置或保留的HTML元素 , 改为Header或者置或保留的HTML元素之外的名称就好了}</script>
原创 2022-04-20 13:36:55
148阅读
【02】块级作用域   魔芋总结: 为什么要有块级作用域? 01,内层变量覆盖外层变量,因为变量提升。函数提升。02,用来计数的循环变量泄露为全局变量。循环结束后,它并没有消失,泄露成了全局变量。   ES6允许块级作用域的任意嵌套。 内层作用域可以和外层作用域定义同名的变量。
一、什么是for-of循环  对于如下一个数组,遍历其中的值方法有哪些?var arr = ['a', 'b', 'c'];首先想到的可能就是如下这种,这也是js最原始的遍历方法,和java的语法一样。var arr = ['a', 'b', 'c']; for (var i=0;i<arr.length;i++) { console.log(arr[i]); }如果
webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle。入口(entry) 输出(output) loader 插件(plugin) 模式(mode) 浏览器兼容性(browser compatibility)入
ESM(ECMA Script Modules)AMD:js文件都是使用script标签来引用的,这种通常情况下都是异步引用,我们一般在网络中引用文件,引用完之后才能进行解析和运行。我们请求一个模块也是一样,如果这个模块返回的时间不固定,我们只能异步引用的方式,让模块导入之后在开始运行。    1.Requirejs  RequireJS是一个javascr
转载 2024-02-26 06:49:34
53阅读
背景:解决办法:根据错误信息,发现是属性或方法“test”未在实例上定义,但在
原创 2022-05-30 11:29:14
614阅读
vue2 升级到 vue3,vue3 是可以兼容 vue2 的,所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处,如果出现问题时,就需要去多个函数内检查,项目较大时,遇到问题,增加排故的难度。所以 vue3 中新增了 setup 配置项,用它来写组合式API。一、选项式API 和 组合式API 区别有些同学稀里糊涂用了vue一年了,竟然不知道选项式api
转载 2024-06-06 12:43:40
49阅读
一、理解打包当项目上线后,用户不可能页通过localhost:8080访问我们的页面,只能把项目放到服务器中,才能提供给用户访问,所以vue-cli内部集成的webpack,把vue、less、js等打包成浏览器可直接执行的代码。 (1)、进行打包打包命令 num run build 输入完命令后 会在项目的根目录创建一个dist目录 这个目录里面就是我们打包后的结果。&nbs
转载 2024-06-05 05:02:27
1368阅读
兼容性Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 安装:1.直接用 <script> 直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。 1. 对于制
转载 2024-04-29 21:18:04
17阅读
报错内容:报错原文:vue.runtime.esm.js?a593:619 [Vue warn]: Property or method "value" is not
原创 2022-10-28 08:55:17
557阅读
背景:在运行一个Vue项目时,出现了如下报错信息vue.runtime.esm.js:619 [Vue warn]: Du路径那...
原创 2022-05-30 12:33:00
861阅读
  • 1
  • 2
  • 3
  • 4
  • 5