vue
文章平均质量分 79
平平无奇小码农qwq
这个作者很懒,什么都没留下…
展开
-
安装vue脚手架,创建vue项目,vue2+vue3,vite创建项目
/ vue_test_2 是自定义的项目名 vue create vue_test_2选择空格键进行选择,我们可以选vuex和router:选vue2:选路由模式:输入y就行,项目里面是可以改的,所以没关系语法规范默认第一个:什么时候校验语法,可以选择第一个:是否采用最基本的校验更新到package文件,选择第一个:是否保存作为项目预设,我们可以不保存,输入 N然后等着就行了,创建成功了就。然后cd到你创建的项目里,npm run serve 运行项目。原创 2023-03-21 12:18:56 · 943 阅读 · 0 评论 -
Vue自定义指令
首先我们知道vue中有很多内置指令,比如说 v-text,v-bind, v-if,v-for等等,但是怎样定义一个自定义的指令呢?什么是自定义指令,我们知道 v-if 指令是用于条件性地渲染一块内容,那此时我想定义一个指令,让某个数变大10倍,我把这个指令叫叫做v-big,v-big=“n”, 当n等于1的时候页面显示10,当n等于2的时候页面显示20,我们怎么用指令做到呢?注意: 自定义指令是要我们对普通 DOM 元素进行底层操作的。原创 2022-08-25 16:05:24 · 555 阅读 · 0 评论 -
Vue脚手架 VueCli的安装使用
CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目。原创 2022-08-22 11:29:06 · 251 阅读 · 0 评论 -
Vue2响应式原理(二)数据代理
目录1、什么是数据代理2、vue中的数据代理总结1、什么是数据代理数据代理就是 通过一个对象代理对另一个对象中属性的操作(读 / 写)举例说明: 有一个对象 obj ,obj上有一个属性x,以后我想访问这个x,直接obj.x访问即可,想修改obj.x也是非常容易。但是此时我还有一个对象 obj2,我希望这个obj2 也可以访问和修改 obj 身上的 x。那么这就是通过一个对象 obj2 代理对另一个对象 obj 中属性的操作。接下来我们来实现上述的需求:let obj = { x: 100 };原创 2022-03-18 19:17:02 · 1358 阅读 · 1 评论 -
Vue2响应式原理(一)Object.defineProperty
目录前言 为什么要学原理1、Object.defineProperty1.1、可枚举的1.2、可修改的1.3可删除的2、模拟“响应式”前言 为什么要学原理我们知道vue中的数据可以做到响应式,那么响应式的原理是什么大家知道吗?有同学可能会说,我管他原理是什么,我会用就行。但是其实不然,我们开发中经常会遇到,明明修改了一个数组或对象中的值,但是页面上却没有发生变化,一时半会也不知道解决办法,非常伤脑筋。但是如果大家知道了响应式的原理,这个问题就是手到擒来,分分钟解决掉,接下来我们就开始学习吧~说到原原创 2022-03-18 16:34:24 · 1978 阅读 · 0 评论