![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue教程
文章平均质量分 78
vue教程
xp_1711
这个作者很懒,什么都没留下…
展开
-
vue问题记录
问题:刷新页面,参数会丢失—未解决。原创 2024-06-09 07:38:56 · 313 阅读 · 0 评论 -
vue3父子组件传值
/父组件 < template > < div class = " father " > < h1 > 父组件 < span > {{text}} < div class = " box " >原创 2023-12-24 16:02:20 · 1271 阅读 · 0 评论 -
vue3 常用函数\\组件传值\\抽离封装
组合式api。原创 2023-12-22 22:41:09 · 1066 阅读 · 1 评论 -
vue整合axios 未完
axios前端异步请求库类似jouery ajax技术,axios用来在前端页面发起一个异步请求,请求之后页面不动,响应回来刷新页面局部;Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。原创 2023-12-21 10:14:54 · 912 阅读 · 0 评论 -
vue模板--未完学习中
script-setup 的推出是为了,减少一些心智负担,只需要给 script 标签添加一个 setup 属性,那么整个 script 就直接会变成 setup 函数,所有顶级变量、函数,均会自动暴露给模板使用(无需再一个个 return 了)。//声明一个对象,名字是data;//相当于生命周期中的create和before create。/*scoped表示当前style属性只属于当前模块*///对象只有在return之后才能在html中使用。//引入本页面需要的东西。原创 2023-12-19 10:02:42 · 406 阅读 · 0 评论 -
vue3路由
Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。vue路由库vue路由中文文档。原创 2023-12-18 12:24:55 · 1071 阅读 · 0 评论 -
vue模板语法
/声明一个对象,名字是data;//声明一个对象,名字是data;作用:创建一个 ref 对象,其 value 值指向另一个对象中的某个属性。//将一个响应式对象,转换为普通对象,并且将其中的属性转换为 Ref 对象。//相当于生命周期中的create和before create。//相当于生命周期中的create和before create。//只有return之后才能在html中使用。//只有return之后才能在html中使用。//引入本页面需要的东西。//引入本页面需要的东西。原创 2023-12-17 20:50:07 · 458 阅读 · 1 评论 -
vue 生命周期
在组件DOM实际渲染之前调用,此时根元素还不存在,在选项API中,可使用this.$el来 访问;在组合API中,使用setup()方法替换了beforeCreate和created,那么在这两个生命周期中的方法将放在setup中执行。卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。beforeUpdate对于跟踪对组件的编辑次数,甚至跟踪创建撤销功能的操作很有用。在组件的第一次选然后调用,此时元素可用,允许直接DOM访问。原创 2023-12-17 20:33:30 · 953 阅读 · 0 评论 -
新建vue3项目
src文件夹是核心源代码的所在目录,展开后如下所示(不同版本的vue-cli生成的目录会稍有不同,不过核心都是一样的),正常开发的时候一般只修改 src 文件夹下的文件。│ ├── router 目录 :用来存放 index.js,用来配置路由,定义各个页面对应的URL。│ ├── main.js:是项目的入口文件,初始化 vue 实例,并引入所需要的插件。│ ├── app.vue:是项目的主组件,所有页面都是在该组件下进行切换的。原创 2023-12-17 19:30:22 · 1602 阅读 · 0 评论 -
ssm+vue+nginx
搭建方法有很多,大概有以下3种这三种方法都大同小异,搭建步骤都类似:第一种:父项目是springboot非maven,子项目是springboot+maven和vue这样子项目之间没有关联,父子项目之间也没有关联,失去的父子项目的意义第二种:父项目是springboot+maven的,子项目是springboot+maven和vue只需要一个仓库来对代码的版本进行控制,但是隔离性查,真...原创 2020-04-25 18:55:13 · 311 阅读 · 0 评论 -
实现跨域的几种方式
在后台编写一个过滤器类,来实现跨域package com.flyme.phy.base.filter;import org.springframework.stereotype.Component;import javax.servlet.*;import javax.servlet.annotation.WebFilter;import javax.servlet.http.Htt...原创 2020-04-25 18:31:23 · 156 阅读 · 0 评论 -
前端vue支持nginx 跨域
在vue项目的config目录下的index.js文件夹下,添加如下配置proxyTable: { '/api':{//配置代理地址,前端请求的所有接口都需要带的前缀 target:'http://localhost:8889', changeOrigin:true,//是否进行跨域 secure: false, ...原创 2020-04-25 18:38:08 · 202 阅读 · 0 评论 -
iview ui框架
前端框架 参考官网: https://www.iviewui.com/docs/introduce原创 2020-01-28 11:30:20 · 2023 阅读 · 0 评论 -
新建vue2项目,并运行
新建vue项目的文件夹并进入初始化my-project:为文件夹名称webpack :基于webpack 的项目vue init webpack my-project输入之后就一直回车,直到出现是否要安装vue-router,这个我们在项目要用到,所以就输入y 回车出现这个初始化完成### 文件夹已经下载好了,现在就可以进入文件夹,输入: cd my-project 回车,因为各个...原创 2020-01-26 12:23:32 · 433 阅读 · 0 评论 -
vue 本地开发环境搭建
基本步骤安装node.js-- 安装vue.js–安装vue-cli(脚手架)详细步骤下载node.js在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn;安装步骤详情请看Npm替换为cmpn...原创 2020-01-26 12:07:55 · 831 阅读 · 2 评论