vue
文章平均质量分 72
小狐狸ya
前端小白学习中~
展开
-
Vue3笔记
2.使用vite创建vite:新一代的前端工具优点:开发环境中,无需打包,可快速的冷启动轻量快速的热加载2、常用的Composition API(组合API)官方文档:https://cn.vuejs.org/api/总结:Vue3.0中一个新的配置向,值为一个函数,组件中所有用到的:数据、方法等等,均要配置在setup中。setup函数的两种返回值:若返回一个对象,则对象中的数据、方法、在模板中均可直接使用(重点)若返回一个渲染函数,则可以自定义渲染内容(了解)注意:总结:定义一原创 2022-10-09 16:07:16 · 337 阅读 · 0 评论 -
Vue2.0——仓库vuex
1.为了方便实现组件之间的数据共享,Vuex是他们团队借鉴了redux,用来实现vue组件全局状态(数据)管理的一种机制.2.特点(面试)能够在vuex中集中管理共享的数据,易于开发和后期维护能够高效地实现组件之间的数据共享, 提高开发效率存储在 vuex中的数据都是响应式的,能够实时保持数据与页面的同步一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可.3.使用场景。原创 2022-09-22 16:51:48 · 439 阅读 · 0 评论 -
Vue2.0——路由
在hash地址中,/后面的参数项,叫做“原创 2022-09-22 16:49:55 · 1296 阅读 · 0 评论 -
Vue2.0——组件
组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用组件的属性不能用大写字母组件的名字可以用驼峰命名法,但是使用的时候必须用连字符全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)注册的组件不要跟系统标签同名一个vm实例可以有多个局部组件,但是只能供当前vm实例使用不能用外部data里面的数据,因为他是Vue全局的。必须要在过滤器中声明:而且必须在new Vue前申明,不然Vue里面的函数都加载完了还没有找到数据,就原创 2022-09-22 16:48:41 · 754 阅读 · 0 评论 -
Vue2.0——生命周期函数
el:指令所绑定的元素,可以用来直接操作 DOMname:指令名,不包括 v- 前缀。value:指令的绑定值,例如:v-my-directive=“1 + 1” 中,绑定值为 2。oldValue:指令绑定的前一个值,仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。expression:字符串形式的指令表达式。例如 v-my-directive=“1 + 1” 中,表达式为 “1 + 1”。arg:传给指令的参数,可选。原创 2022-09-22 16:41:54 · 582 阅读 · 0 评论 -
Vue2.0——自定义指令
我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能,对普通 DOM元素进行底层操作,这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令案例:注册一个获取焦点的指令v-focus,注册自定义改变颜色v-color原创 2022-09-22 16:40:54 · 286 阅读 · 0 评论 -
Vue2.0——过滤器,计算属性,属性监听器
filter主要用于数据展示之前的处理过滤器只能用在v-bind或者插值表达式中要定义到filters节点下,本质上是一个函数在过滤器函数中,一定要有return值再过滤器的形参中,就可以获取到“管道符”前面待处理的那个值。原创 2022-09-22 16:39:16 · 315 阅读 · 0 评论 -
Vue2.0——数据绑定v-model
(缺陷:只会劫持data里面的成员,如果是特殊的引用数据【比如数组下标】,不会劫持到引用数据内部的成员,3.0改善了这个缺陷,使用了代理)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z1DeGeWi-1663835822506)(image\image-20220831112650289.png)]如果数据容器中的数据变了也会让页面刷新(dom操作让页面改变),如果用户操作dom,改变了页面,反之也让数据容器中的数据中的值改变。**笔试题有可能写:**最简单的实现方法。原创 2022-09-22 16:37:52 · 584 阅读 · 0 评论 -
Vue2.0—条件渲染和循环渲染
v-show 底层CSS的隐藏元素(dispaly:none)切换模块,具有更高的内存消耗;(针对频繁切换的使用)v-if /v-else :底层移除元素来切换模块,具有更高的渲染消耗。(针对不常用的业务,用的时候在创建)dom中“冰元素”相似,vue中的组件, template标签,if成立了,并不会作为节点渲染到网页中。写成嵌套关系,不要写成平级的, 但是就浪费了一个节点;二者里面都是布尔值,用法一样,具体情况具体使用。原创 2022-09-22 16:36:42 · 328 阅读 · 0 评论 -
Vue2.0——MVC和MVVM
MVC与MVVM之间的区别。原创 2022-09-22 16:35:39 · 175 阅读 · 0 评论 -
Vue2.0——基础指令
界面加载的时候会把节点直接挂载到文档树中,导致{{msg+“666”}}这个字符串会显示一下,vue对象生成data数据时候 回去刷新界面 把{{msg+“666”}}字符串替换成结果字符串,所以会出现页面闪烁的bug。其他元素的事件触发时 事件链经过它,无论是捕获还是冒泡阶段都不会触发它的事件,只有它自己是精准对象才会触发事件, 虽然它自己不会被别人影响,但是它自己的事件触发的时候还是会生成事件链经过其他元素,并不阻止继续冒泡到其他元素;事件只触发一次,触发完之后,事件就解绑;原创 2022-09-22 16:34:46 · 383 阅读 · 0 评论 -
Vue2.0简介
2014年2月,尤雨溪开发了一个前端开发库Vue.js。Vue.js 是构建 Web 界面的 框架,是一个通过简洁的API提供高效的数据绑定和灵活的组件系统。Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue.js是前端的主流框架之一,和Angular.js、React.js并称为前端三大主流框架。Vue.js是前端的主流框架之一,和Angular.js、React.js并称为前端三大主流框架。数据驱动。原创 2022-09-20 12:43:18 · 1429 阅读 · 0 评论 -
vue2.0小案例——实现移动端tabbar布局
【代码】vue2.0小案例——实现移动端tabbar布局。原创 2022-09-01 20:38:10 · 518 阅读 · 0 评论