首先   运行这行命令 npm install sass-resources-loader --save-dev: 在项目的build/utils.js中,找到 function generateLoaders (loader, loaderOptions){} 并在它的下面插入下面的方法 function resolveResource(name) { return path.resolve(__dirname, '../src/assets/css/' + name); } function…

使用webpack引入sass/less全局变量 sass或者less都提供变量设置,在需求切换主题的项目中使用less或者sass变量,只要修改变量值,编译后所有用到该变量的样式都会被修改为你想要的效果,但是在vue-cli搭建的项目中,在main.js中全局引入一个scss文件,在其中定义变量在其他组件或者页面中引用报变量未定义错误,其他的样式可以正常显示,显然是编译的问题. 傻瓜式引用 在每个用到全局变量的组件都引入该全局样式文件 @import 'path/fileName.scss'…

[Sass]声明变量 定义变量的语法: 在有些编程语言中(如,JavaScript)声明变量都是使用关键词"var"开头,但是在 Sass 不使用这个关键词,而是使用大家都喜欢的美元符号"$"开头.我想用一张图来解释,我一直坚信,一图胜千言万语: 上图非常清楚告诉了大家,Sass 的变量包括三个部分: 声明变量的符号"$" 变量名称 赋予变量的值 来看一个简单的示例,假设你的按钮颜色可以给其声明几个变量: $brand-primary : dar…

vue 定义全局函数,监听android返回键事件 方法一:main.js 注入(1)在main.js中写入函数Vue.prototype.changeData = function (){ alert('执行成功');}(2)在所有组件里可调用函数this.changeData(); 方法二:单独创建一个 .js 文件,用于存放常用函数,并全局引用 (1)写好自己需要的base.js文件exports.install = function (Vue, options) { Vue.protot…

beforeCreate 在创造实例之前 created 创造实例以后 beforeMount 在挂载前 render 渲染节点到页面上 //将虚拟dom数组渲染出来 mounted 挂载以后 beforeUpdate 修改之前 updated 修改以后 在这里不要进行数据的持续修改类似 +=类似的操作会引起死循环 beforeDestory 销毁之前 //用来释放非vue引起的资源.如setInterval(); destroyed 销毁之后 在组件激活 <keep-alive></k…

全局配置 Vue.config 是一个对象,包含 Vue 的全局配置.可以在启动应用之前修改下列属性: silent 类型:boolean 默认值:false 用法: Vue.config.silent = true 取消 Vue 所有的日志与警告. optionMergeStrategies 类型:{ [key: string]: Function } 默认值:{} 用法: Vue.config.optionMergeStrategies._my_option = function (pare…

关于全局.static对象/变量的初始化问题 1. 全局变量.static变量的初始化时机:main()函数执行之前(或者说main中第一个用户语句执行之前). 2. 初始化顺序. 1)全局对象.外部static对象     a)同一编译单元(同一源文件)中,按照对象/变量的定义顺序初始化.     b)不同编译单元,C++标准未保证初始化先后顺序,只保证都在main()之前初始化完成. 2)函数内部local static变量,在该函数调用过程中第一次遇到该static变量时初始化.     …

全局与局部变量的引用 (a)locals(b)globals 这里还需要在补充2个关键字一起比较学习,关键字:(c)nonlocal(d)global locals 和 globals locals: 打印当前可用的变量的字典    globals: 返回一个描述当前全局变量的字典 提示:locals 是获取当前的可用变量,而 globals 是获取全局的变量 在使用 locals() 和 globals() 会出现以下三种表现形式: (1)当locals 和 globals 都在全局作用域的时…

vue默认采用的是原生的css,如果想要使用css预编译工具,比如sass,需要下载对应的scss的loader, 具体是 npm install --save-dev sass-loader npm install --save-dev node-sass 之后在vue脚手架的webpack.base.conf.js文件下,加入对应的代码 { test: /\.scss$/, loaders: ["style", "css", "sass"]…

upload 上传 加token 在 :headers='headers' 注意 不要直接写$refs.upload.headers = {} 这样vue会警告 修改组件内部变量 <Upload :action="$baseUrl + 'API/file/upload'" :show-upload-list="false" :headers='headers' ref='upload' name="file" type="drag…