Vue
微微笑再加油
很多时候,我们更需要做的就是闭上自己愿意争辩的嘴,放下所谓高贵的自尊,承认自己曾经所犯的错误,下定决心努力去修正它。这并不代表放弃,而是收获了一份成长。
展开
-
vue报错:Failed to resolve loader: sass-loader You may need to install it
当vue新建项目中使用scss时,没装sass-loade会报错。那么解决问题就是安装sass-loade。所以安装sass-loade版本如下。这样就解决了vue启动报错问题。本人用的node版本是12+原创 2022-11-23 15:53:57 · 2847 阅读 · 1 评论 -
vue中使用install 添加node_modules报错(-4048)解决办法
如何解决vue-cli 安装时 npm 报错 errno -40481.先删除node_modules文件2.npm cache clean --force 清除缓存3.用cnpm install命令下载依赖原创 2021-06-28 11:41:07 · 566 阅读 · 0 评论 -
vue之驼峰模式的用法
我们经常使用驼峰模式,然而在vue之中,驼峰就不见得那么好用了举个例子父组件向子组件传递属性的例子错误写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2020-02-19 16:12:43 · 2448 阅读 · 0 评论 -
vue之子父组件通信
在vue之中,父子组件通信的方法如下图1.父组件向子组件传值(props)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...原创 2020-02-19 15:52:11 · 190 阅读 · 0 评论 -
vue之组件化
我们干一件复杂的事情的时候,往往需要把一个复杂的问题分解成多个简单的问题来结局,我们写代码也是如此下面就是创建一个简单组件化的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...原创 2020-02-17 16:27:57 · 152 阅读 · 0 评论 -
vue之可变式函数
当我们在vue之中,我们有时候需要传递好多参数的时候,我们往往需要在方法之中对写上对应数量的变量来接受参数,下面介绍一种简单的函数写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...原创 2020-02-16 15:35:37 · 1037 阅读 · 0 评论 -
vue之v-on的用法(v-on修饰符)
1.stop修饰符当我们使用点击按钮的时候,会遇到个别问题,比如在一个div区域之内绑定了点击时间而在这个区域之内绑定了一个按钮的点击事件,例子如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...原创 2020-02-15 15:40:01 · 3356 阅读 · 0 评论 -
vue之v-on的用法(一)
在vue中,v-on被经常使用的一个监听方法例如对按钮点击的监听、文本框输入的监听等等。下面是v-on的使用方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2020-02-15 15:01:24 · 978 阅读 · 0 评论 -
Vue之计算属性
通常我们从后天接收的数据需要在前台进行出来在显示到页面上面的的,比如我需要把两个信息拼接起来在显示的操作,首先我们可以想到通过拼接字符串的方式如下<!DOCTYPE html><html lang="en"><head> <title>Document</title></head><script src...原创 2020-02-13 15:51:03 · 152 阅读 · 0 评论 -
vue学习之计数器
vue的计数器是什么,一个简单的例子如下点击增加按钮数字则会加1,-则会减一(只是一个简单的例子 代码如下)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2020-02-09 14:19:50 · 722 阅读 · 0 评论 -
Vue中常用指令
1.vue @click.native 原生点击事件给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符)原创 2019-09-02 14:09:48 · 127 阅读 · 0 评论 -
Vue页面跳转+传递参数
1.路径传值1.关于如何在vue页面跳转并且传递参数1.1.使用Menu 导航菜单通过iView插件导入Menu 导航菜单:如下图菜单的代码,其中在method方法下通过if判断使用路由来跳转到相应的页面<template> <div class="layout"> <Layout :style="{minHeight: '100...原创 2019-08-29 11:37:05 · 4022 阅读 · 0 评论 -
vue+spring boot上传文件(图片)
1.spring boot 中后台接收这里以图片上传为例1.1.在前台上传图片之后,核心思想就是把前台的文件存储到本地之中,文件的路径存储在数据库之中。下面是在spring boot框架下,后台完成的接收图片和存地址到数据库之中的方法。package com.financeloan.vue.controller;import java.io.File;import java.io.I...原创 2019-08-28 16:39:04 · 3107 阅读 · 0 评论 -
初识Vue-Vue的页面布局
1.Vue的页面基本布局<template> //相当于html的body</template><script>export default { js区域}</script><style > css区域</style>当然也有一些特殊的要求比如说在Vue的body区域内,如果你放一个一个...原创 2019-08-21 20:07:15 · 11574 阅读 · 0 评论 -
Vue配置
Vue准备工作Vue的API网址:https://cn.vuejs.org/v2/api/iView(写好的前端样式)的网址:http://v1.iviewui.com/编辑器:visual studio Code1、下载安装nodejs文档地址:https://blog.csdn.net/wsjzzcbq/article/details/895565692、配置淘宝镜像cnpm文...原创 2019-08-21 20:03:14 · 181 阅读 · 0 评论