Vue.js
文章平均质量分 73
记录与学习,记录自己学习的痕迹,也希望能学到更多
小源同学r
这个作者很懒,什么都没留下…
展开
-
Javascript 中的 “==“ 与 “===“
==不进行类型转换,因此类型和值都必须相同才能返回 true。与==的区别:另一方面,==运算符在比较之前执行类型转换,这可能导致一些意外的结果。例如,1==‘1’ 返回 true,因为字符串 ‘1’ 在比较之前被转换为数字 1。原创 2024-05-21 17:32:22 · 200 阅读 · 0 评论 -
vue的build先上部署的 devServer不生效的场景记录
在你提供的配置中,proxy_cookie_path指令的作用是将请求中的Cookie的路径从根路径"/“修改为”/api"/路径,以便在反向代理时保持session有效。当浏览器发起一个请求后, 前端拿配置项中的地址去匹配请求中的地址,如果请求的地址中包含配置中的地址,则匹配成功,匹配成功后,会将匹配到的地址及其后面的地址拼到target的后面,向后端服务器发起跨域请求。在本地开发的过程中,为了本地调试方便,通常会在vue.config.js 中配置 devServer。目的:可以将指向本地的请求。原创 2024-04-25 14:44:21 · 1322 阅读 · 1 评论 -
Vue3 中 createWebHistory 和 createWebHashHistory 的区别
服务器配置: 需要服务器配置来处理所有路由请求,以便正确地返回 index.html 文件,以便在客户端渲染应用程序。刷新时问题: 刷新页面时,如果服务器不正确配置,会导致 404 错误,因为服务器无法找到对应的路由。原创 2024-04-22 16:16:07 · 2016 阅读 · 2 评论 -
Vue监听器
watch : 在vue中表示监听的意思 , 我们可以使用watch来响应数据的变化需求 : 定义三个数 firstNumber , lastNumber , fullNumber. 当firstNumber和lastNumber发生改变时 , fullNumber也随之发生改变方式一 : 事件绑定<body> <div id="app"> <input type="text" v-model="firstNumber" @keyup="ha.原创 2022-02-20 00:52:04 · 2812 阅读 · 1 评论 -
Vue路由
vue的单页面应用是基于 路由 和 组件 的 , 路由用于设定访问路径 , 并将路径和组件映射起来原创 2022-02-20 00:48:42 · 293 阅读 · 0 评论 -
Vue组件
详细文档 : https://cn.vuejs.org/v2/guide/components-registration.html 传送门简介组件 : 可以将模块进行一个拆分 , 不同的组件负责不同的功能模块.模块化 : 模块化是从代码的角度去分析 , 方便分层开发 , 保证每个模块职责单一.组件化 : 组件化是从界面的角度区划分 , 如分页组件 , 轮播组件. 组件中也可以拥有自己的data和methods。组件的存在是为了复用性,定义了一个组件后,可能会有多个地方使用到该组件。 .原创 2022-02-20 00:42:55 · 485 阅读 · 0 评论 -
Vue过度动画
详细文档 : 【https://cn.vuejs.org/v2/guide/transitions.html】传送门需求 :① 当点击按钮时 , 会出现一个过度的动画效果<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini.原创 2022-02-20 00:30:26 · 140 阅读 · 0 评论 -
Vue生命周期
图解文字讲解beforeCreate初始化界面前.这个时候只是一个空的Vue()对象 , 并且只有默认的生命周期函数和默认事件.<body> <div id="app"> <div id="divId">页面还没有渲染 --- {{msg}}</div> </div> <script> var vue = new Vue({ el: "#a原创 2022-02-20 00:26:54 · 462 阅读 · 0 评论 -
Vue过滤器
过滤器 : 将原有的东西进行过滤 , 得到自己想要的东西.需求 : 把数据库中用0或者1表示的数据 , 显示为0 <= => 男 , 1 <= => 女<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in.原创 2022-02-20 00:24:07 · 447 阅读 · 0 评论 -
Vue综合练习
综合练习需求显示所有用户删除用户动态添加用户关于样式【写的稍微好看点】我们使用layui<!-- 引入 layui.css --><link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"> <!-- 引入 layui.js --><script src="//unpkg.com/layui@2.6.8/dist/layui.js">第一原创 2022-02-20 00:20:40 · 334 阅读 · 0 评论 -
使用vue ui命令的GUI创建vue项目的方法
安装vue-cli最新版(版本号必须3x以上)就行了npm i -g @vue/cli如果有报错,没有跳过这一步npm install -g @vue/cli --force 可以强制覆盖以前旧版本的vue-cli脚手架安装完后,再查看vue的命令列表,就有ui这一命令行了vue -h看成果也可以下载一个插件,开发调试还是很方便的...原创 2021-12-30 11:06:33 · 711 阅读 · 0 评论 -
Vue中的样式
文章目录实例一代码截图实例二代码截图实例三代码截图常见的样式 :① : 行内样式② : 在style中书写样式实例一使用v-bind给class设置一个数组样式代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i原创 2021-11-18 23:09:41 · 2563 阅读 · 0 评论 -
Vue练习: 计算器
文章目录计算器练习具体代码运行代码计算器练习需求 :① : 有三个数 : number1 , number2 , resultNum② : 通过选择运算符 , 然后计算结果思路 :首先 , 这个时候选择数据绑定是非常关键的. 因为值随时都可能改变. 所以必须要用到v-model具体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na原创 2021-11-11 12:58:35 · 576 阅读 · 0 评论 -
Vue常用指令
文章目录Vue常用指令v-if , v-show指令v-if 例子运行截图v-show 例子运行截图v-for 指令例子运行截图v-text , v-html , v-clock指令例子界面截图v-bind , v-on 指令例子运行截图v-model 指令例子运行截图Vue常用指令vue.js官方给自己的定为是数据模板引擎,并给出了一套渲染数据的指令.v-ifv-showv-forv-textv-htmlv-clockv-bindv-onv-modelv-if , v-sh原创 2021-11-11 12:55:08 · 776 阅读 · 0 评论