![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 62
神仙刘
这个作者很懒,什么都没留下…
展开
-
windows 配置两个server,一个用于前端项目,一个用于文件访问
nginx原创 2023-01-18 19:59:32 · 197 阅读 · 1 评论 -
Vue3 纯前端实现表格内容的添加,修改和删除
Vue纯前端实现表格内容的添加和删除 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <script src="https://unpkg.com/vue@next"></script> <style> span{原创 2021-07-24 03:25:00 · 6811 阅读 · 2 评论 -
JS操作数组的api
JS操作数组的api学习Vue3时遇到的练习,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组变更方法</title> <script src="../../js/vue.js"></script></head><body><!--push()在数组末尾原创 2021-07-23 23:28:38 · 122 阅读 · 0 评论 -
Springboot与Vue使用脚手架的整合,迈出Java全栈第一步
一、编写springboot项目代码: 因为主要是实现springboot和Vue-Cli项目进行的整合,所以仅仅是单表crud;1.1创建项目就省略了项目目录结构图: 1.2 编写配置文件:pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-i原创 2021-01-05 15:06:16 · 1642 阅读 · 1 评论 -
【转载】VueCLI v4 创建vue项目 (手选模式创建)
目录 1.创建项目2.选择 Manually select features创建2.1.Choose Vue version2.2.Linter / Formatter 3.创建完后的项目4.运行项目5.访问项目6.后续遗留问题7. 参考 1.创建项目 vue c...转载 2021-01-04 14:32:00 · 498 阅读 · 0 评论 -
VueCLI脚手架使用以及项目打包部署笔记
使用脚手架脚手架的卸载安装以及升级卸载旧版本脚手架npm uninstall vue-cli -g安装最新版本脚手架Vue CLI 4.x (需要 Node.js v8.9 或更高版本)npm install -g @vue/cli如需升级全局的 Vue CLI 包,请运行:npm update -g @vue/cli验证是否安装成功vue --version创建项目创建一个 Vue前端项目hello-worldvue create hello-world原创 2021-01-04 12:55:10 · 998 阅读 · 0 评论 -
路由嵌套(套娃)
刚刚做了个路由嵌套的练习,先看看效果: 虽然做的很简陋,但是已经可以看出路由嵌套的应用场景了,在当个页面内切换视图,如德芙一般的纵享丝滑。接下来直接放代码: 看代码之前请先说一下这个命名: 菜单一:包含了面板一和面板二 菜单二:包含了面板三和面板四<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>嵌套路由</t原创 2021-01-04 12:15:15 · 325 阅读 · 0 评论 -
Vue路由(VueRouter)的使用,以及路由组件进行参数传递
一、什么是VueRouter? VueRouter是Vue的生态系统之一,是Vue的核心插件,能更好的完成单页面多视图的功能。简单来说就是一个html页面有多个视图,而通过VueRouter可以实现我们需要显示哪块视图,就显示哪块视图,并且可以做到代码复用,提高编码效率。二、使用VueRouter 首先需要先引入相关Vue,和VueRouter相关文件,(如果单独引入VueRouter也是不能使用的),为了好看我还使用了bootstrap。安装CDN:<script src="h原创 2021-01-03 15:52:07 · 413 阅读 · 0 评论 -
v-bind如何绑定,以及v-bind与v-model的区别
v-bind如何绑定,以及v-bind与v-model的区别今天做一个Demo,使用springboot和vue做模糊查询的时候,想要将搜索框的数据,绑定到data里的user。想到这里很容易就知道应该使用v-model了,可以进行数据的双向绑定,对,使用v-model确实可以,只是在进行绑定的时候,对语法不太熟练,一开始在button点击事件那里传的是@click="findByCondition(name,phone)" ,发现获取的值是definded,我就改成了@click="findByCon原创 2021-01-02 12:44:52 · 1384 阅读 · 0 评论 -
Springboot项目,Vue结合axios实现异步请求,并将数据显示页面
一、将请求的数据显示界面controller代码: @CrossOrigin @RequestMapping("/emp") public @ResponseBody List<Employee> employeeLists(Model model,String name){ System.out.println(name); List<Employee> list = employeeMapper.findList();原创 2020-12-31 19:11:21 · 1129 阅读 · 0 评论 -
Vue生命周期学习笔记
Vue生命周期:beforeCreate():生命周期中第一个函数,该函数在执行Vue实例仅仅完成了自身事件的绑定和生命周期函数的初始化工作Vue实例还没有Data,el,methods相关属性。created():生命周期中第二个函数,该函数在执行Vue实例已经初始化了data属性和methods中相关方法beforeMount():生命周期第三个函数,该函数在执行时Vue将El中指定作用范围作为模板编译mounted():生命周期第四个函数,该函数在执行过程中,已经将数据渲原创 2020-12-31 18:52:00 · 100 阅读 · 0 评论