一: 1:在main.js中 Vue.prototype.myfunction = function() {/*你的自定义Vue方法*/} 2:在mounted(或其他生命周期中) 或者 methods里面的方法中直接调用 myfunction() 二: 1:再main.js中 window.myfunction = function(win) { console.log('in1')} Vue.prototype.mywindow = window 2:在vue组件中调用window和wind

我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等 因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac

书接上上会,因为当时也没想好怎么办,所以装聋作哑的忽略了Vue文件中的Style,Vue的做法我看着晕乎乎的,细想的话,无非就是自动填写到dom中,所担心的无非是命名冲突. 在一个项目中(像我这种自娱自乐的项目中)加载的自定义组件是不会重名的(应该不会吧,反正就是让他不会的意思),那就每个Vue中加组件名做前缀,然后duang,写入dom. 规规矩矩的放在head里,齐活了 更新一下我那个牛逼的文件 // vue插件引入 Vue.use({ // 插件初始化函数 install: functio

接上回 一些本质 本质上,去脚手架也好,读取vue文件也好,无非是维护options,每个Vue对象的初始化配置对象不触及Vue内部而言,在外部想怎么改都是可以的,只要保证options的正确,一切都不是问题. 读取 读取不用再聊了,一句话,远程请求,只要服务器答应,这个不麻烦. 读取之后的处理 上回,忙着把他渲染出来,所以都没想过其他事情,那可做的事情其实很多. 例如 1. 放到localstrage里面存起来,这对于复用组件是会提速很多的不用http协议传输,只在本地读取一个字符串 2. 或

在.vue文件中img标签使用autofilename提示引入文件时,会在文件后面插入宽度高度,如下图: 文件后面会自动插入height和width,其实这两玩意儿在大多数时候并没卵用,然后就开始了百度之旅... 一番百度,github之后,并没有找到自己想要的答案,github上说可以配置afn_insert_dimensions,afn_insert_width_first.参考github github 实际实验之后发现被坑得很惨,这两货怎么改变好像都没啥卵用.然后想到了修改插件源码...

解决方案:.eslintrc更改文件配置 { "extends": [ 'standard' ], "parserOptions": { "parser": "babel-eslint" }, "parser": "vue-eslint-parser", "rules": { "no-tabs": "off", 'no-mixe

//src 底下建立 api 文件夹 // api 文件夹下建立 request,js 文件,文件内容复制下面这段代码即可   /**  * ajax请求配置  */ import axios from 'axios' import { Message } from 'element-ui' // axios默认配置 axios.defaults.timeout = 10000 // 超时时间 // 整理数据 --- 可要可不要,这个问题不大,无所谓 // axios.defaults.tran

问题: 在使用 vscode 以及 eslint 来检测 基于 webpack 的 vue-cli 的项目中,eslint 无法检测到 .vue 文件中的less 部分内容. 解答: 1.通过 下载 一个 vscode 插件 vetur 2.然后在 user setting 里面添加一 段 代码 3. "files.associations": { "*.vue": "vue" }

本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标. 上阵子开始玩 Vuejs,在 Vue 中,可以 .vue 文件实现组件化,但各种编辑器都支持不好,作者也给sublime开发了相关的vue插件.我觉得用sublime就是在浪费生命啊,花那么多时间

1. 首先安装vue插件,安装方法: file-->setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮. 如下图所示: 2.再在下图中左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),一直走下去就可以了.安装完成后,就可以看到,新建文件时,会有vue文件的提示. 3.设置vue新建文件模板. file-->setting-edito

今天第一次使用Sublime Text3软件,在实现vue文件高亮显示的过程中一直报错,经过了半天时间的不停尝试终于找到了最有效的一种解决方法!错误提示如下: 刚开始尝试了很多方法都不行,只要打开install Package就报错.无论是取消掉网络配置里的ipv_6选项,还是在hosts文件中添加映射也都不能解决问题.最后上网查找发现了一个真正有效的解决办法:remove package control and then re-install it manually.(转自http://www

上一篇博文中,我们将接口的地址通过webpack代理到了本地,解决了跨域的问题.在之前的文章中,我们一直对项目进行配置,并没有真正的切入正题,可能很多人还不明白我们要做什么?那么今天,我们就要开写代码了.忠心感谢FungLeo,是你们无私的奉献,才让我们有了学习的参考,以下是地址:本文转载:http://blog.csdn.net/fungleo/article/details/77575077 什么是*.vue文件首先,我们用 vue-cli 脚手架搭建的项目,里面我们已经遇到了很多,如 in

webpack+vue 2.0打包发布之后,将发布的文件部署到服务器中之后,浏览器中访问的时候会出现一个webpack文件夹,里边会显示vue文件源码 如果不想让vue源文件显示出来,可以在config/index.js 中 build 下的 productionSourceMap: true, 改为 productionSourceMap: false, 即可

1 语法支持es6设置 Preferences > Languages & Frameworks > JavaScript 把 Javascript Language version 改为 ECMAScript 6,这样做所有的.js文件中es6不再报错,但是在.vue文件中es6语法依然报错. 2 vue文件中解决报错 在script标签上添加属性  type="es6" <script type="es6"> </scrip

安装方式有如下几种. 1.最常用的安装方式. # 进入atom插件文件夹 cd ~/.atom/packages/ # git clone 插件源文件 git clone https://github.com/AtomLinter/linter-eslint # 进入linter-eslint插件文件夹 cd linter-eslint # 安装插件 npm install 2.本地安装 npm i --save-dev eslint [eslint-plugins] 3.全局安装 npm i

遇到的问题 使用vscode开发vue项目的时候,格式化vue文件,与自己配置的eslint标准会有冲突. 引号问题:单引号变双引号 分号问题:行末是否加分号.自动加/减分号 当然还会有其他个性化冲突,只需要找到怎么修改,就好办了. 说明 vscode格式化文件,使用的是快捷键shift + alt + f 而我安装了vetur插件来格式化vue文件. vetur插件默认使用的是prettier来格式化代码. prettier官网 vetur文档格式化说明: 此时,如果要改变格式化风格,那么需要

图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用. 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效. 为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext模块. 往项目中安装postcss-cssnext模块: npm install postcss-cssnext --save-dev 安装完后,会在项目的package.json文件的devDependencies对象中看到p

vuejs 自定义了一种.vue文件,可以把html, css, js 写到一个文件中,从而实现了对一个组件的封装, 一个.vue 文件就是一个单独的组件.由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析. 在webpack构建中,需要安装vue-loader 对.vue文件进行解析.在 sumlime 编辑器中,我们 书写.vue 文件,可以安装vue syntax highlight 插件,增加对文件的支持. 用vue-cli 新建一个vue项目,看一下.vue文件长什么样

sublime text 默认打开.vue文件全部都是白色的,不是特别方便.安装插件可以做到代码高亮显示 1.插件vue-syntax-highlight 下载地址:github https://github.com/vuejs/vue-syntax-highlight 解开压缩包vue-syntax-highlight-master,文件备用 2.将vue-syntax-highlight植入sbulime 进入sublime,选择菜单项“Preferences->Browse Package

转载:https://blog.csdn.net/qq_33008701/article/details/56486893 Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法 添加新建.vue文件功能 ①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories ②点击安装vue.js ③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and C

监听路由  watch   $route vue项目中的App.vue 文件 <template> <div id="app"> <!--include=[AdminUserManage,createUser]--> <keep-alive > <router-view/> </keep-alive> <TabBer v-if="tabbarshow"/> </div>