darabiuz的博客

node环境不支持import，npm作为node的包管理器，不支持直接用import来导入npm里面的包利用webapck或者babel处理一下

浏览器识别不了require关键字，只需要导入require.js这一个库就好了通过npm install require.js --save安装好这个库会安装到nodemodule目录下取得require.js文件，然后在index.html文件最前端引入即可

1.导入jquery输入命令cnpm install jquery --save查看package.json是否安装成功 2.修改vue.config.js添加以下代码语句const webpack = require("webpack");module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "j

1.下载iscroll下载地址：iscroll-probe.js2.封装组件在vue里面使用iscroll需要封装一个iscroll滚动组价创建ScollView.vue目录结构如下图：导入iscroll<template>结构采用iscroll官网推荐的的三层解构<template> <!-- ref用以获取wrapper的dom元素 --> <div id="wrapper" ref='wrapper'>

1.安装请一定使用淘宝镜像cnpm安装，否则安装的包是不完整的如果之前使用了npm安装，请先写在再重新安装$ cnpm install image-webpack-loader --save-dev2.配置vue.config.jschainWebpack: config => { const imagesRule = config.module.rule('images') imagesRule .use('image-webpac

1.去Chrome的插件网下载Vue.js devtools插件，链接如下https://www.cnplugins.com/devtool/vuejs-devtools/2.下载完成之后会得到以下文件我们点击重命名，将文件后缀改为.rar,把文件修改为以下形式3.点击鼠标右键，选择解压到“…”得到以下解压过后的文件夹4.进入谷歌浏览器界面，点击右上角竖着的三点，点击‘“更多工具—拓展程序”5.点击加载已解压的拓展程序，把我们刚刚解压的文件夹拖进来5.安装成功6.进行测试，

1.首先上报错信息These dependencies were not found:swiper in ./node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.jsswiper/css/swiper.css in ./node_modules/cache-loader/dist/cjs.js??ref–12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist

1.ctrl+`打开终端2.运行以下代码：如果是jquery npm install @types/jquery --save 如果是zepto npm install @types/zepto --save 3 . 可以看到项目文件夹下出现了对应配置文件4.再进入js文件中输入代码已经有提示了！...

打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。1.异步组件:以工厂函数的形式来定义组件：这个工厂函数会异步解析你的组件定义。Vue 只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染,这个工厂函数会收到一个 resolve 回调(注意和promise的reso

关闭语法检查创建 vue.config.js在内部加上这样的代码module.exports={ lintOnsave:false //关闭语法检查}

转载原地址：https://blog.youkuaiyun.com/zhouzuoluo/article/details/103067637?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-6&spm=1001.2101.3001.4242问题：　　vue编码中经常出现获取到的数据是：{ob: Observer} 格式的解决方法：　　将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式J

安装element-uicnpm install element-ui --save在main.js文件当中进行配置import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);npm run serve启动项目遇到报错：R babel-runtime/helpers/extends in ./node_modules/_async-valid.

把路径存放在了data里面，渲染的时候出错，由于webpack把图片当做外部资源，打包时需要引入，引入有import和require两种方式，但是前者只能放置在头部，后者却可以放置在任意位置 ，所以现在有两种引入本地图片的方法...

1. 导入echarts在终端输入cnpm install echarts --save在main.js中引入import * as eCharts from 'echarts';Vue.prototype.$eCharts = eCharts;2.封装echarts组件新建组件echats.vue首先应该明确Echarts图形必须满足四项刚性条件才可以绘制：准备一个具有宽高的容器（container）；每次绘制之前需要初始化（init）；必须设置配置，否则无从绘制（optio

安装好了插件，并且选择钉在页面上，图标也亮起，可是F12就是没有出现vue的选项卡解决办法：把调试工具先关闭，再刷新界面，再F12打开调试者工具即可解决

1. 问题背景把vue项目打包后放入springboot的static文件夹里，手下访问首页，然后进行页面跳转都是没有问题的，但是假如在非首页的任何一个页面点击刷新，就会报错2. 问题原因主要问题在于：由vue开发的应用，采用的是SPA单页面模式传统的多页面模式，每一个页面对应一个html文件，当我们刷新页面的时候，会主动向后端请求对应的html文件，拿到html文件后渲染界面，但是SPA单页面模式只有一个index.html入口文件，后续的界面跳转都是通过js控制路由跳转实现的比如，现在想直接

空对象：表示一个对象，不包含任何的属性和方法空引用：指向null例子：这两种方法都可以创建一个空对象，一个是构造函数法，并一个是对象字面量表示法 let obj = new Object() let obj1 = {}不可以用null来监测是否为空对象,空对象并不等于null使用JSON.stringify==’{}'来检测是都否为空对象，不推荐利用object.keys(obj)获取属性的数组，如果数组长度为0，说明为空对象获取obj的所有属性（不包括原.