Vue学习笔记
文章平均质量分 77
Vue学习笔记
海面有风
梦想很大,仍需努力
展开
-
学完 Pinia 再也不想用 vuex 真香啊!!!!
Store// 第一个参数是应用程序中 store 的唯一 id},})// 第一个参数是应用程序中 store 的唯一 id},getters: {// 访问 state 的值// 访问 getters 的值(通过 this 进行访问)// 访问其他 store 的 getters},})非常适合定义业务逻辑// 第一个参数是应用程序中 store 的唯一 id},actions: {// 封装业务逻辑// 访问其他的 store// 获取到 other 的数据})原创 2024-01-07 14:35:09 · 496 阅读 · 0 评论 -
vue3 鲜为人知的知识点
该篇文章是个人觉得在平常开发过程中没怎么注意到(新增加)的知识点,每个章节的内容在官网中不只文章提到的这些。原创 2024-01-06 13:18:03 · 948 阅读 · 0 评论 -
重新认识一下 vue3 应用实例
相比之下,局部注册的组件需要在使用它的父组件中显式导入,并且只能在该父组件中使用。: 除了可以传递第一个参数是根组件外,还可以传递第二个参数(可选),它是要传递给根组件的 props。中,当应用挂载完成后,2s 后销毁应用,可以发现其应用组件树内所有组件的卸载生命周期钩子都会触发。🧒:安装一个插件的本质是通过传递应用实例对象给到自定义插件中,在插件中针对这个对象进行操作。:用于全局组件的注册,后续在该应用实例下的所有组件都可以使用该组件,无需再次局部注册。提供的方法,来改写编译过程的一些方法。原创 2024-01-03 20:51:43 · 1089 阅读 · 0 评论 -
【vue 低代码】组件拖拽小案例
【代码】【vue 低代码】组件拖拽小案例。原创 2023-04-09 18:13:08 · 673 阅读 · 0 评论 -
vue自定义指令
【代码】vue自定义指令。原创 2023-03-06 16:04:48 · 83 阅读 · 0 评论 -
ES6学习笔记十(Proxy)
例子1:拦截 getOwnPropertyDescriptor。例子1:实现 get拦截器,对不属于该对象属性的抛出错误。注:该方法必须返回一个布尔值,否则会被自动转为布尔值。注:该方法必须返回一个布尔值,否则会被自动转为布尔值。该方法只能返回布尔值,否则返回值会被自动转为布尔值。(即判断对象是否具有每个属性时,这个方法会生效)例子1:拦截 defineProperty。例子2:实现一个公共的拦截器(继承)ctx:目标对象的上下文(this)例子3:实现数组读取负数的索引。例子1:拦截 new 操作符。原创 2022-10-12 19:22:16 · 482 阅读 · 1 评论 -
趁上班摸鱼时间学会了vue3
1、可以通过 、来定义响应式变量* reactiveref 和 reactive 的区别2、、、三者的使用现象:(1)未点击按钮前,页面显示为 “Jack”,(2)当点击按钮后,控制台输出 “msg1: Tom; obj1: Jack”, 页面也更新为"Tom"现象:(1)未点击按钮前,页面显示为 “Jack”,(2)当点击按钮后,控制台输出" msg2: Tom;obj2: Tom;", 页面没有变化现象:(1)未点击按钮前,页面显示为 “Jack - 男”,(2)当点击按钮后,控制台输出原创 2022-07-08 20:38:46 · 507 阅读 · 0 评论 -
vue3基本使用笔记(更新中)
# vue-router# vuexuser 模块快捷获取值 getters在入口文件中注册 user 模块及 getters在页面中使用原创 2022-06-26 16:54:41 · 244 阅读 · 0 评论 -
ES6语法实现数据的双向绑定
废话不多说,直接上代码,代码有备注!!!方式一:利用 defineProperty 方法<div><input type="text" placeholder="请输入数据" /></div><!--渲染区域--><div class="item-box"></div><button>重置</button><script> let btn = document.queryS原创 2021-10-13 22:27:40 · 446 阅读 · 0 评论 -
Vue学习笔记(组件篇)
一、什么是组件(基本案例)<div id="components-demo"> <button-counter></button-counter></div><script> Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="原创 2021-05-22 10:25:22 · 181 阅读 · 0 评论 -
Vue知识点笔记(基础篇)
一、什么VueVue的特点:遵循 MVVM 模式。编码简洁,体积小,运行效率高,适合移动/PC端开发。Vue本身只关注 UI ,可以轻松引入Vue插件和其它第三库开发项目。Vue与其他前端 JS 框架关联借鉴 angular 的 模板 和 数据绑定 技术。借鉴 react 的 组件化 和 虚拟DOM 技术。什么是 MVVM 模型Vue是如何实现动态数据绑定的当页面(V 模型)数据发生变化(比如:文本框用户输入的内容发生变化),此时会文本框会有一个 DOM 监听函数( VM原创 2021-04-08 13:24:17 · 358 阅读 · 0 评论 -
Vue基础语法笔记
一、创建第一个Vue实例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>vue入门</title> <script src="vue/vue.js"></script> </head> <body> <div id="root">{{msg}}</div> <原创 2020-08-04 15:17:15 · 421 阅读 · 0 评论 -
Vue小例子笔记(todolist)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>todoList</title> <script src="vue/vue.js"></script> </head> <body> <div id="root"> <div> <input v原创 2020-08-04 16:26:53 · 313 阅读 · 0 评论 -
VueCli4学习笔记
一、VueCli下载和安装步骤一:打开电脑终端步骤二:输入命令npm install -g @vue/li(默认下载最新版本)自己在下载的过程中出现了一个问题(vue --version是查看其版本号)很明显是下载错误了,版本号明显是不对的。 我解决该错误的方法是卸载重新安装步骤如下:(1)在命令行上输入卸载命令 npm uni vue-cli -g(2)查看是否已经删除成功 vue -V(没有输出版本号则删除成功)(3)再次执原创 2020-08-09 17:00:47 · 419 阅读 · 0 评论 -
学习笔记(前端跨域 Storage封装)
前端跨域解决方案跨域是浏览器为了安全做出的限制策略浏览器请求必须遵循同源策略:同域名、同端口、同协议一、 CORS跨域服务端设置,前端直接调用后台允许前端某一个站点进行访问二、JSONP跨域前端适配,后台配合前后台同时改造三、接口代理通过修改nginx服务器配置来实现前端修改,后台不动...原创 2020-09-05 15:44:54 · 739 阅读 · 0 评论 -
安装Vue-DevTools插件及免费分享安装包
链接(百度网盘) 链接:https://pan.baidu.com/s/10vs5l-EEzDezs1yR8Ds7Pw 提取码:64b5安装步骤步骤一:下载并解压安装包,大开谷歌浏览器,找到扩展程序步骤二:点击加载已解压的扩展程序->选择文件(我个人解压到桌面上,所以路径是C:\Users\Lenovo\Desktop\chrome\chrome)步骤三:重启谷歌..原创 2020-08-09 17:37:30 · 1349 阅读 · 0 评论