![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
StarFishing
这个作者很懒,什么都没留下…
展开
-
基于Vue的图片预览插件
Vue图片预览插件,支持左右滑动切换,适配移动端和PC端,支持移动端手势缩放,上划关闭。支持缩放归位效果,过渡自然原创 2020-04-08 18:36:55 · 1051 阅读 · 0 评论 -
Vue 开发规范目录及说明
本文档为前端 vue 开发规范规范目的命名规范结构化规范注释规范编码规范CSS 规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看普通变量命名规范命名方法 :驼峰命名法命名规范 :命名...转载 2019-11-06 22:13:55 · 1035 阅读 · 0 评论 -
prop 的 sync修饰符与自定义指令v-model
prop 的 sync修饰符允许我们通过prop进行双向数据绑定而不触发子组件修改props的警告使用方式如下子组件 Nam.vueprops:{ name:{ defalut:'x', type:String}}methods:{ changeName(){ this.$emit(update:name,somevalue)// Tip:update字段是必...原创 2019-10-06 19:21:02 · 808 阅读 · 0 评论 -
vue项目打包发布页面空白以及图片加载错误问题
在执行npm run build 之前,需要先更改配置,避免打包出来是空白的问题找到config->index.jsbuild: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.reso...原创 2019-05-22 20:31:04 · 457 阅读 · 0 评论 -
Vue项目中封装axios请求方法(包括请求拦截)
本篇文章将对项目中如何封装axios常用的请求方法进行介绍,其中包括最容易出问题的post请求的解释,包括一些请求格式和参数格式不一致问题的解决;通用配置这些配置是在axios官方文档中没有列出来的,主要是post方法的内容类型的定义,不配置的话经常会出现请求提交失败或者数据没有正常提交的问题,这些一般都是前后端采用的post的数据格式不一致导致的。axios.defaults.timeo...原创 2019-05-22 20:25:10 · 9485 阅读 · 1 评论 -
Vue2.0 子组件修改props中的值导致问题及报错解决
vue 父组件给子组件的prop传值报错Avoid mutating a prop directly since the value will be overwrittenwhenever the parent component re-renders. Instead, use a data orcomputed property based on the prop’s value. P...原创 2019-04-13 21:35:45 · 7277 阅读 · 1 评论 -
Missing space before function parentheses.eslint(space-before-function-paren)
我们在eslint语法检测环境下经常会看到一些语法规则的报错,但是大家不要惊慌,其实很容易解决报这个错误的原因是函数名称或function关键字与开始参数之间缺少空格,可以通过修改eslint的配置文件来更改语法检测规则在--fix命令行上的选项可以自动修复一些被这条规则反映的问题。格式化函数时,函数名称或function关键字与开始参数之间允许有空格。命名函数还需要function关键字...原创 2018-12-20 14:39:30 · 17477 阅读 · 0 评论 -
SyntaxError: Unexpected token import
在使用vue开发项目时,在build\webpack.dev.conf.js文件中使用import导入文件时报SyntaxError: Unexpected token import错误,经过查找后发现是es6语法问题,导致不可以使用import,下面来具体分析一下这个错误;ES6语法的模块导入导出(import/export)功能,我们在使用它的时候,可能会报错:SyntaxError: U...转载 2018-12-20 14:20:06 · 18766 阅读 · 0 评论 -
如何使用vue-cli
vue-cli为vue提供的脚手架工具,帮助开发者更快的搭建开发环境,也是我们在项目开发中推荐使用的一种方式,下面就向大家介绍如何使用vue-cli构建工具;首先我们需要全局安装vue-cli,在这之前要保证你已经安装了nodejs(安装过程这里就不介绍了),在命令行输入npm install -g vue-cli进行全局安装vue-cli,安装过程如下:安装完成后执行vue命令,可以看到我...原创 2018-12-12 15:11:07 · 3055 阅读 · 0 评论 -
vue 开发 eslint 报空格和tab不一致问题
代码规范问题引入后空格和tab键问题报错由于这个原因引起的错误需要在编辑器修改配置,以sublime为例,打开设置->用户设置{ "color_scheme": "Packages/Boxy Theme/schemes/Boxy Tomorrow.tmTheme", "font_size": 14, "ignored_packages": [ ...原创 2018-12-01 18:51:41 · 8633 阅读 · 0 评论 -
vue2.0 transition 用法分析
在开发仿饿了么app项目的过程中遇到了1.0与2.0版本transition用法不一致的情况,这里给出修改方法,以及用法的解释;vue2.0 过渡效果(transition)在进入/离开的过渡中,会有 6 个 class 切换。v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。v-enter-active:定义进入过渡生效时的状态。在整个进入过渡...原创 2018-12-01 18:37:05 · 3496 阅读 · 0 评论 -
Vue.js中data,props和computed数据
datadata 是Vue实例的数据对象。Vue将会将data 的属性转换为 getter/setter, 也就是用Object.defineProperty方法(在官网里面有深入响应式原理里面具体的介绍)。对象必须是纯粹的对象(含有零个或多个的key/value对)。因为这里面的数据都是被监控的,所以说这里面的数据最好都是在视图层显示的数据。如果说不是在视图层展示的变量。可以定义在外面或者放在...原创 2018-12-01 18:24:25 · 7933 阅读 · 0 评论