![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
知远同学
年龄永远不是学习的障碍,不断积累,必然有所收获。加油!
展开
-
Vue2 自定义指令
【代码】Vue2 自定义指令。原创 2024-02-22 09:50:00 · 353 阅读 · 0 评论 -
Vue2 过滤器
【代码】Vue2 过滤器。原创 2024-02-21 22:32:42 · 375 阅读 · 0 评论 -
Vue2 各种表单数据的收集
【代码】Vue2 各种表单数据的收集。原创 2024-02-21 19:59:24 · 451 阅读 · 0 评论 -
vue 学习definproperty方法
【代码】vue 学习definproperty方法。原创 2024-02-18 11:06:16 · 481 阅读 · 0 评论 -
Vue2 显示当前时间和ip地址
时间会自动更新,获取本机的IP地址。原创 2024-02-15 19:42:18 · 496 阅读 · 0 评论 -
Vue2 安装了yarn报错的解决办法
但是通过cmd可以运行yarn,问题是由于PowerShell 的执行策略阻止了运行脚本。PowerShell 有几种执行策略,它们决定了脚本和配置文件的执行方式。在这种情况下,你的执行策略被设置为不允许运行脚本,这就是为什么你无法运行。但是请注意,更改执行策略可能会增加安全风险,因为它允许运行可能有害的脚本。请注意,你可能需要以管理员身份运行 PowerShell 才能更改执行策略。,这意味着本地脚本可以运行,但只有从可信来源下载并签名的脚本才被允许运行。这个命令将执行策略设置为。原创 2024-01-31 10:05:19 · 420 阅读 · 0 评论 -
Vue2 组件名没有按照驼峰命名报错解决方法
请注意,这样做会在整个文件中禁用该规则,因此请确保只在必要的地方使用。最好的方式还是在可能的情况下,遵循规范来编写组件名。可以在代码中使用注释来告诉ESLint忽略某一行或某一段代码。这会告诉ESLint在这个组件文件中禁用。原创 2024-01-30 16:07:21 · 487 阅读 · 0 评论 -
Vue2 ref和$refs获取dom和组件
【代码】Vue2 ref和$refs获取dom和组件。原创 2024-01-29 15:45:06 · 1180 阅读 · 0 评论 -
Vue2 通过.sync修饰符实现数据双向绑定
【代码】Vue2 通过.sync修饰符实现数据双向绑定。原创 2024-01-29 14:43:10 · 701 阅读 · 0 评论 -
Vue2 input组件封装
【代码】Vue2 input组件封装。原创 2024-01-29 00:13:44 · 381 阅读 · 0 评论 -
vue2 表单类的封装
【代码】vue2 表单类的封装。原创 2024-01-28 23:38:52 · 451 阅读 · 0 评论 -
vue2 事件总线
上图。原创 2024-01-27 22:12:54 · 491 阅读 · 0 评论 -
宝塔部署 dvadmin3项目笔记
django-vue3-admin项目是一个优秀的基于Python和vue3的后端框架,可以在此基础上快速进行二次开发,目的是学习,记录通过宝塔部署该项目的一个步骤。一、项目官网地址:dvadmin3 | Django-vue3-admin 二、服务器硬件配置1、centos 7.92、内存32G3、物理服务器三、服务器环境要求Python >= 3.11.0 (最低3.9+版本)nodejs >= 16.0Mysql >原创 2024-01-27 09:27:22 · 1271 阅读 · 0 评论 -
Vue2 props组件通信-父子组件传值
一、父组件向子组件传值。原创 2024-01-25 23:04:37 · 607 阅读 · 0 评论 -
Vue2 常用命令
yarn add less less-loader -D (-D,开发依赖)在vue2中,如果想支持less需要做以下2个步骤。2、安装依赖包 less less-loader。1、给style加上lang='less'原创 2024-01-24 16:24:12 · 611 阅读 · 0 评论 -
Vue2 记账单案例:基本渲染、添加删除、axios请求、echarts饼图
【代码】Vue2 记账单案例:基本渲染、添加删除、axios请求、echarts饼图。原创 2024-01-24 10:39:00 · 790 阅读 · 0 评论 -
Vue2 操作dom的时机在于mounted钩子中
【代码】Vue2 操作dom的时机在于mounted钩子中。原创 2024-01-23 22:05:32 · 453 阅读 · 0 评论 -
Vue2 请求数据渲染到页面
axios的简单使用。原创 2024-01-23 21:59:45 · 426 阅读 · 0 评论 -
Vue2 渲染、添加、删除、计算综合案例
【代码】Vue2 渲染、添加、删除、计算综合案例。原创 2024-01-22 17:17:04 · 366 阅读 · 0 评论 -
Vue2 计算属性的完整写法
【代码】Vue2 计算属性的完整写法。原创 2024-01-22 13:03:40 · 503 阅读 · 0 评论 -
Vue2 v-model应用于其它表单元素
【代码】Vue2 v-model应用于其它表单元素。原创 2024-01-21 23:06:25 · 658 阅读 · 0 评论 -
Vue2 样式控制案例v-bind控制style
【代码】Vue2 样式控制案例v-bind控制style。原创 2024-01-21 22:30:20 · 499 阅读 · 0 评论 -
Vue2 导航切换高亮小案例
【代码】Vue2 导航切换高亮小案例。原创 2024-01-21 21:58:49 · 359 阅读 · 0 评论 -
Vue2 记事本案例
【代码】Vue2 记事本案例。原创 2024-01-18 23:17:15 · 400 阅读 · 0 评论 -
Vue2 v-model数据绑定
【代码】Vue2 v-model数据绑定。原创 2024-01-18 22:05:33 · 415 阅读 · 0 评论 -
Vue2 v-for学习
使用v-for的时候一定要加key ,不然会出问题。原创 2024-01-17 23:27:15 · 470 阅读 · 0 评论 -
vue2 v-on参数传递
学习v-on参数传递。原创 2024-01-16 22:35:33 · 569 阅读 · 0 评论 -
LocalStorage 和 Session Storage
Web 存储是 HTML5 的重要功能之一,它允许 Web 应用程序在用户浏览器中本地存储数据。两种最常见的 Web 存储形式是 LocalStorage 和 Session Storage。这两种形式的网络存储之间的主要区别在于,保存在其中的数据LocalStorage永远不会离开浏览器,并且会一直保留在那里,直到您明确将其删除。相反,Session Storage一旦浏览器选项卡/窗口关闭,存储在其中的数据就会被删除。二、sessionstorage案例。一、localstorrage案例。原创 2024-01-11 08:38:53 · 375 阅读 · 0 评论 -
VScode 画图插件
开源vs code插件之后,它一跃成为最强大的流程图工具。原创 2024-01-07 12:18:01 · 788 阅读 · 0 评论 -
从Gitee克隆项目、启动方法
从gitee克隆VUE项目到本地后,不能直接运行,需要进行npm install安装node_modules文件夹里面的内容,因为在git上传的时候,一般都会过滤到node_modules中的依赖文件。因为我的项目里面有2层文件夹,启动项目的时候,没有在package.json的同级目录启动,所以出现了上面的错误,将启动目录切换到 package.json的同级目录,在run就成功了。安装依赖以后,启动通过npm run serve启动项目出错。原创 2023-12-19 17:07:33 · 708 阅读 · 0 评论 -
Vue脚手架环境搭建
7、测试,打开CMD控制台,输入命令:node -v (查看node版本)和 npm -v (查看npm版本),如果都能显示版本号,说明安装成功。变量值:C:\Program Files\nodejs\node_global\node_modules。1、打开node安装目录,创建两个文件夹,分别是:node_global和node_cache。2、再次以管理员身份打开cmd控制台,通过命令配置node的全局配置路径和缓存路径。4、 默认安装,继续下一步。5、不勾选,继续下一步。2、开始安装,下一步。原创 2023-12-13 22:16:23 · 409 阅读 · 0 评论 -
Vue2 vscode插件推荐
一、Vetur。原创 2023-12-13 16:36:35 · 551 阅读 · 0 评论 -
Vue2学习笔记(组件嵌套)
【代码】Vue2学习笔记(组件嵌套)原创 2023-12-12 00:14:38 · 467 阅读 · 0 评论 -
Vue2学习(组件的使用)
—— 最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器。———— 避免组件被复用时,数据存在引用关系。使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别;1.局部注册:靠new Vue的时候传入components选项;2.全局注册:靠Vue.component('组件名',组件);备注:使用template可以配置组件结构。一、定义组件(或者叫创建组件)三、使用组件(写组件标签)原创 2023-12-09 00:22:52 · 497 阅读 · 0 评论 -
Vue2中v-html引发的安全问题
1.作用:向指定节点中渲染包含html结构的内容。2.与插值语法的区别:(1).v-html会替换掉节点中所有的内容,{{xx}}则不会。(2).v-html可以识别html结构。3.严重注意:v-html有安全性问题!!!!(1).在网站上动态渲染任意HTML是非常危险的,容易导致XSS攻击。(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!原创 2023-12-06 23:00:23 · 1189 阅读 · 0 评论 -
VUE学习笔记(表单数据收集)
(1)v-model的初始值是非数组,那么收集的就是checked(勾选 or 未勾选,是布尔值);2:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。1.没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值);1:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。(2)v-model的初始值是数组,那么收集的的就是value组成的数组;原创 2023-12-05 22:57:06 · 414 阅读 · 0 评论 -
Vue2学习笔记(数据监测)
1.使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()特别注意:Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象 添加属性!Vue.set(target,propertyName/index,value) 或。2.Vue.set() 或 vm.$set()(1).调用原生对应的方法对数组进行更新。(1).对象中后追加的属性,Vue默认不做响应式处理。(2).重新解析模板,进而更新页面。原创 2023-12-05 13:47:55 · 511 阅读 · 0 评论 -
Vue2学习笔记(列表渲染)
一 、案例1:v-for的使用方法。案例由浅到深,逐步深入。原创 2023-12-04 11:22:21 · 554 阅读 · 0 评论 -
Vue2学习笔记(监视属性)
【代码】Vue2学习笔记(监视属性)原创 2023-12-01 21:50:41 · 496 阅读 · 0 评论 -
Vue2学习笔记(计算属性)
通过一个案例,循序渐进的了解计算属性,这个案例通过不同的写法了解VUE的计算属性。二、 基于methods方法实现。一、使用插值语法做一个示例。原创 2023-12-01 16:52:01 · 630 阅读 · 0 评论