vue语法
weixin_43963309
这个作者很懒,什么都没留下…
展开
-
vue配置vue.config.js
const path = require('path')module.exports = { publicPath: './', outputDir: 'dist', assetsDir: '', // 放置生成的静态资源目录(js、css、img、fonts) lintOnSave: false, // eslint-loader 是否在保存的时候检查 // webpack配置 chainWebpack: (config) => { },原创 2021-09-06 13:49:43 · 178 阅读 · 0 评论 -
node-sass坑
项目使用的是Cordova+vue,然后用了sass变量,由于是内网开发,很久没有新安装插件,今天安装了hammerjs插件后,npm run dev 项目,发现了错误: * * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-ef68022e","scoped":true,"hasInline原创 2021-07-22 17:22:41 · 92 阅读 · 0 评论 -
Vue之router-view
官方解释: 组件是一个 functional 组件,渲染路径匹配到的视图组件。 渲染的组件还可以内嵌自己的 ,根据嵌套路径,渲染嵌套组件。其他属性 (非 router-view 使用的属性) 都直接传给渲染的组件, 很多时候,每个路由的数据都是包含在路由参数中。自己理解:就是点击一个链接跳转到其他组件,一般会跳转到一个新页面,但是,如果不想跳转到新的页面,又希望路径会变化,只是在当前页面切换展示,就会涉及到路由嵌套页面:father.vue<template><div>.原创 2021-05-24 14:02:09 · 168 阅读 · 0 评论 -
vue修饰符
今天在看代码的时候 发现一些之前自己没有使用的Vue修饰符,特此记录!.stop - 调用 event.stopPropagation()。停止向上冒泡.prevent - 调用 event.preventDefault()。阻止默认事件.capture - 添加事件侦听器时使用 capture 模式。.self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。.{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。.native - 监听组件根元素的原生事件。原创 2021-05-24 13:24:18 · 77 阅读 · 0 评论 -
vue之双向绑定与计算属性
在使用input输入框进行双向绑定时,在使用计算属性时,报错“Computed property “unitArea” was assigned to but it has no setter.”解决办法1解决办法2解决办法:原创 2020-06-03 21:18:08 · 512 阅读 · 0 评论 -
vue路由变化 页面没跳转问题
1.嵌套路由跳转问题嵌套路由跳转,页面没显示原创 2020-05-12 20:10:31 · 2868 阅读 · 0 评论 -
【vue踩坑记录】1、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题
【前提】:搭建项目时,从后台调取数据,显示图片时没有问题,但开发者工具仍然报出“Error in render: "TypeError: Cannot read property ‘0’ of undefined”错误,具体如下【解决过程】:翻译了一下:这里的意思就是模板在渲染时候,读取对象中的某个对象的属性值时,这个对象不存在,说通俗点就是三层表达式a.b.c,在对象a中没有对象b,那么读取对象a.b.c中的值,自然会报错。如果是两层表达式a.b则不会报错,返回的是undefined。明白了原因原创 2020-05-12 18:44:46 · 2320 阅读 · 0 评论 -
事件总线:EventBus
在非父子组件需要进行通讯的时候,除了vuex之外,还有就是事件总线了介绍EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的灾难,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状...原创 2020-03-08 23:29:10 · 83 阅读 · 0 评论 -
vue中指令&语法
在做vuex项目时,会看到很多指令表达式,总结了自己不太会或者很久不用,忘记了的部分指令@click.native在vue组件中,如果想在组件的根元素上绑定事件,直接使用@click='xxx’是无效的,必须要添加。native修饰符@click.native=‘xxx’等同于在子组件中内部处理click事件然后向外发送click事件:this.$emit(‘click’, fn)v-fo...原创 2020-03-04 20:46:53 · 755 阅读 · 0 评论 -
vue.nextTick
今天在项目中看到nextTick,对于他的具体使用方法不是特别的擅长,特此记录下来,但是写的不是很具体,以后还要多加修改。官网介绍vue官网介绍语法:vue.nextTick([callback,context])参数:{function} [callback]{object} [context]用法在下次DOM更新循环结束之后执行延迟回调,在修改数据之后立即使用这个方法,获取更...原创 2020-02-26 23:58:27 · 111 阅读 · 0 评论