![](https://img-blog.csdnimg.cn/20190927093409582.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
【Vue】
Vue使用过程问题排查以及学习心得
在路上s
生如蝼蚁当立鸿鹄之志,命似纸薄应有不屈之心。
展开
-
前端权限导致的跳转出现404错误
问题:管理员与超级管理员访问编辑文章时出现,超管可以正常编辑,而管理员出现跳转404问题。解决:该问题花费快一天,首先以为是后端的权限配置有问题,将后端的权限重新配置,但都没有作用。无解。 后来发现是前端配置了响应的权限导致的。先模仿着原有代码将问题解决了。 前端不是很清楚,后面有时间再琢磨个人博客地址:http://ganshuo8.com/...原创 2021-02-27 15:22:07 · 699 阅读 · 0 评论 -
Vue生命周期钩子(三)
Vue生命周期图Vue中共有11个生命周期函数,本文只说明8个生命周期钩子beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好data和methods属性created:实例已经在内存中创建完毕,此时 data 和 methods 已经创建完毕,此时还没有开始编译模板beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中...原创 2019-10-12 15:08:17 · 249 阅读 · 0 评论 -
Vue常用指令(二)
6、v-for基于源数据多次渲染元素或模板块。图示:代码:<body><div id="app"> <p v-for="(score, index) in scores"> 索引: {{index }} , 分数: {{score}} </p> <div v-for="(d, ke...原创 2019-10-11 19:48:04 · 212 阅读 · 0 评论 -
Vue常用指令(一)
1、v-once 只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。代码:<body><div id="app"> <p v-once>原始值: {{msg}}</p> <p>后面的: {{msg}}</p> <input typ...原创 2019-10-11 18:21:06 · 340 阅读 · 0 评论 -
Spring Boot+Vue前后端分离项目案例
一、构建项目使用vue-cli创建项目:然后导入编辑器(我使用的是webstorm),先进行启动下,看能否访问到localhost:8080。能访问到表示使用vue-cli创建项目正常。二、进行前端代码编写记得添加修改config下 的index.js文件前端页面代码:Footer.vue<template> <...原创 2019-09-06 19:58:55 · 4138 阅读 · 1 评论 -
Vue中插值表达式,v-text和v-html三者区别
概述我们在学习vue的过程中,对指令的学习是必不可少的,下面结合自己工作和学习的一点经验介绍下vue中插值表达式,v-text和v-html三者的区别插值表达式我们知道页面的加载时自上而下的,js加载是同步的。当页面刷新比较频繁或者网上较慢的时候,我们使用插值表达式页面会先出现‘{{message}}’,再用真实数据替换‘{{message}}’(模拟这种现象可以将vue.js的引...转载 2019-08-29 15:30:05 · 1443 阅读 · 2 评论 -
vue学习笔记(二)——字符组件传值
1、子组件向父组件传值、vue中splice和$emit使用:https://blog.csdn.net/BlackPlus28/article/details/100136811<body> <div id="app"> <!-- v-model 数据双向绑定 --> ...原创 2019-08-29 14:27:22 · 315 阅读 · 0 评论 -
vue中splice和$emit使用
splice函数用法splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)ndex:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空删除://删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)var arr = ['a',...转载 2019-08-29 14:25:04 · 930 阅读 · 0 评论 -
vue学习笔记(一)
一、初使用vue1.在head中引入vue.js文件<script src="./js/vue.js"></script>2.编写vue实例例子先通过原生js获取div并改变内容,两秒后改变值<div id="app"> <!-- {{content}} --> ...原创 2019-08-28 22:00:27 · 303 阅读 · 0 评论 -
[Vue warn]: Do not use built-in or reserved HTML elements as component id: content
一、错误在Vue中引入组件报错:[Vue warn]: Do not use built-in or reserved HTML elements as component id: content二:原因在vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制三、结果方法将冲突的content替换成‘v-content...原创 2019-08-28 14:39:41 · 1949 阅读 · 0 评论 -
vue中import作用
html文件中,通过script src = 'xxx'标签引入js文件。而vue中,通过import xxx from xxx路径 的方式导入文件,不光可以导入js文件。“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。“xxx路径”指的是文件的相对路径.例如:在App.vue中导入index 和 content分别可以写:import...原创 2019-08-28 14:10:24 · 2959 阅读 · 0 评论 -
v-if与v-show的区别
相同点:v-if与v-show都可以动态控制dom元素显示隐藏不同点:v-if显示隐藏是将dom元素整个添加或删除,而v-show隐藏则是为该元素添加css--display:none,dom元素还在。都修改为false后,第一个div是直接被移除掉了需要注意的是,当一个元素默认在css中加了display:none属性,这时通过if-show修改为true是无法让元素显示的。...原创 2019-08-15 15:21:25 · 246 阅读 · 0 评论