1.ES6 模块主要有两个功能:export 和 import export:用户对外输出本模块(一个文件可以理解为一个模块,比如 aaa.js bbb.js)变量的接口 . import:用于在一个模块中加载另一个含有 export 接口的模块(也就是这个 js 文件一定要含有 export ). 而我们在使用 import 导入一个模块的时候通常这样使用: import util from '@/libs/util' 那么这个 @ 到底是个什么意思呢? 2.webpack.base.conf

表现:引入css样式文件能够作用到全局,而引入js文件就只能在main.js中产生作用 在 main.js 中引入的 css 都是全局生效的.引入的 js 文件只在 main.js 中生效,是因为 main.js 在webpack中是一个模块,a.js 也是一个模块,在其他地方是访问不到这个 a 的,这就是ES6的模块化,所以如果你想这个 a.js 全局可用,就需要绑定到全局对象上,比如绑定 Vue 上,让这个 a 暴露在全局对象上. 举例: import a from './a.js'; Vu

1. 在 main.js 中封装全局登录函数 通过 vue 对象的原型扩展,可以扩展一个函数,这样这个函数就可以在每一个界面通过类似指向对象的方式,去访问这个函数. 如下是 main.js 扩展的函数: Vue.prototype.checkLogin = function(backpage, backtype){    var SUID  = uni.getStorageSync('SUID');    var SRAND = uni.getStorageSync('SRAND');    v

需求来源:向后台请求数据时后台挂掉了,后台响应就出现错误,不做处理界面就卡住了,这时需要在main.js中使用axios的响应拦截器在出现相应错误是给出提示.项目使用element-ui,就调用里面的Message 消息提示.MessageBox 弹框.Notification 通知三种方式中的一种. import Vue from 'vue'; import ElementUI from 'element-ui'; // 添加响应拦截器 axios.interceptors.response.

1.原因解析 经测试发现,代码先执行了 index.js >>  main.js >> Home.vue scr/api/index.js src/main.js src/components/Home.vue 总结:项目首次运行时,main.js 加载延后 2.解决方案 方案一:仅对首页首次请求设置计时器,以缓解到main.js 加载完毕

初始的Cocos2d-JS项目中的main.js代码的内容为: /** * A brief explanation for "project.json": * Here is the content of project.json file, this is the global configuration for your game, you can modify it to customize some behavior. * The detail of each field is

一. !! js中的!! var o ={flag:4}; var test = !!o.flag; console.log(test);  // true 二.~~,<< (~~(Math.random()*(1<<24))) 得到一个0 到 16777216之间的值 这个构造的其实是一个10进制的颜色值(随机生成数值),转换成16进制就是,像白色FFFFFF,蓝色0000FF等等. 1.<<符号是"左位移"运算符 1<<24是 把1左

步骤: 1.配置文件webpack.config.js: { test:/\.css$/, loader:'style-loader!css-loader' } 坑1:-loader尾缀 坑2:Module build failed: Unknown word 模块创建失败:未知文字???? 解决方案:注掉整个css的配置,即: //{ //test:/\.css$/, //loader:'style-loader!css-loader' //} 2.入口文件main.js: require('

做登录权限控制的时候, 我通过全局路由守卫来去做权限判断,这样的话可能需要在整个项目加载的初期去做一些诸如 接口请求. vuex修改 之类的问题 其实非常简单,直接如图:

问题: 字符串转数组,但是分割点在‘.’ ,需要保留每个后缀的 ‘.’ + 类型 解决: let videoType = '.avi.rmvb.rm.asf.divx.mpg.mpeg.mpe.wmv.mp4.mkv.vob' videoType.replace(/[.]/g, '\,.') // 替换掉所有的. 为 ,. videoType.split(',') // 根据,分割 得到最终数组 进阶: 上述虽然实现但是第一个一定会分离出一个空数组,可以封装为一个方法 function getA

阻止启动生产消息,常用作指令.通俗理解为消息提示的环境配置. 阻止启动生产消息 這又是什麽意思? 看下效果 (1)Vue.config.productionTip = false (2)Vue.config.productionTip = true 感覺多了一行信息 小结: 开发环境下,Vue 会提供很多警告来帮你对付常见的错误与陷阱.而在生产环境下,这些警告语句却没有用,反而会增加应用的体积.此外,有些警告检查还有一些小的运行时开销,这在生产环境模式下是可以避免的.(摘于官网说明) 大概意思应

开发模式:npm run dev是前端自己开发用的生产模式:npm run build 打包之后给后端放在服务端上用的Vue.config.productionTip = false1上面这行代码的意思 是阻止显示生产模式的消息.如果没有这行代码,或者设置为true,控制台就会多出这么一段代码. You are running Vue in development mode.Make sure to turn on production mode when deploying for produ

在进行vue的学习,项目中需要引入bootstrap.jquery的步骤. 一.引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev  这样就将jquery安装到了这个项目中. 然后修改webpack.base.conf.js(在build文件下)两个地方: 1:加入 var webpack=require('webpack'); 2 在module.exports的里面加入 plugins: [ new w

当我们在src目录下创建.scss文件,并在main.js中引用,运行时会报: ERROR Failed to compile with 1 errors 5:25:07 PMThis relative module was not found: * ./main.scss in ./src/main.js 如图所示 解决方法: 新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了 前面我们通过 cnpm i node-sass sass-loader -D

在vue2.0的main.js中引入scss文件报错 原因是在 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } 上面那条配置可以省略,因为最新的vue-cli已经是默认配置好sass的(在build/util.js里),所以如果再在webpack里配置会重复,因此在main.js引入scss文件时会报错,也就是所只要安装了sass就行,什么都不用配

在我们开发代码的时候,一般都喜欢进行一定程度的重构,以达到简化代码.关注点分离.提高代码可读性等等方面的考虑,本篇随笔介绍在VUE+Element 前端应用开发过程中,实现简化main.js处理代码,抽取过滤器.全局界面函数.组件注册等处理逻辑到不同的文件中做法. 1.main.js处理逻辑 我们知道Vue的前端应用,main.js函数里面承载的逻辑内容很多,往往涉及到一些常用过滤器函数.全局界面函数.组件注册等常规的处理过程,在我们应用越来愈大,引入的控件越来越多的时候,往往需要很多代码来实现

在 \src\components\index.js 文件中export组件 import HeaderList from './HeaderList' import HeaderMenu from './HeaderMenu' import HeaderPatient from './HeaderPatient' import ExitUser from './ExitUser' import TreePanel from './VueTree' import TreeTable from '

在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,我们从培训视频或者官方文档上可以了解到: index.html---主页,项目入口 App.vue---根组件 main.js---入口文件 那么这几个文件之间的联系如何呢? 1.先看index.html中的内容:(为了很好的标识各个文件,我对各文件进行了文字标记) 2.在App.vue中,我做了如下处理: 3.在main.js中,文件初始内容如图: 那么我们打卡的网页如何呢? 网页效果如

每天一篇文章来记录记录自己的成长吧.大二,该静心了.加油~ 好了,废话不多说,今天说说nodejs中的模块化.(注:此文为自己对书nodejs实战的总结) nodejs一个重要的特性就是模块化,模块就是node.js对常用功能进行分组的方式.而且,node无需真正辨别模块到底是我们自己编写的还是从外部仓库中获取的.这样我们只需要一个额外的json文档和一两行代码,我们就能引用别人的代码或者别人引用我们的代码,是不是很酷~. 好,下面我们来编写一个简单的模块: exports.hello_worl

首先是我是写了一个 Loading 插件然后 是挂在打vue.prototype 原型上的. 在main.js中use使用了这个插件. 至此vue原型是就被我挂上 $loadding方法了. 然后我想在封装的axios的http.js文件里使用这个插件.所以我得想办法把vue实例引进来. 经过测试可以如下这样.(好吧上面,都是废话) 图中代码: import Vue from 'vue'; //引入vue //必须实例化 Vue let vm = new Vue(); /*这里有个点需要注意,直

目前常用的图标插件有 charts,  Echarts, highcharts.这次将介绍 Echarts 在 Vue 项目中的应用. 一.安装插件 使用 cnpm 安装 Echarts cnpm install echarts -S 和之前介绍的 axios 类似,echarts 也不能通过 Vue.use() 进行全局调用 通常是在需要使用图表的 .vue 文件中直接引入 import echarts from 'echarts' 也可以在 main.js 中引入,然后修改原型链 Vue.p