vue
文章平均质量分 69
Fantastick
在校研究生
展开
-
Vue(一)
1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;3.root容器里的代码被称为【Vue模板】;4.Vue实例和容器是一一对应的;5.真实开发中只有一个Vue实例,并且会配合着组件一起使用;6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性;7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;模板语法Vue模板语法有2大类:1.插值语原创 2022-07-14 11:15:08 · 75 阅读 · 0 评论 -
Vue(二十一) 路由三
编程式路由导航 缓存路由组件 路由生命钩子 路由守卫原创 2022-08-27 12:47:44 · 240 阅读 · 0 评论 -
Vue(二十) 路由二
路由的query参数 params参数 命名路由 路由的props配置原创 2022-08-23 22:34:44 · 81 阅读 · 0 评论 -
Vue(十九) 路由一
路由, 路由基本使用, 多级路由原创 2022-08-22 21:27:41 · 74 阅读 · 0 评论 -
Vue(十八) vuex
vuex原创 2022-08-11 13:56:47 · 96 阅读 · 0 评论 -
Vue(十七) 插槽
Vue中的插槽原创 2022-08-09 16:57:35 · 166 阅读 · 0 评论 -
Vue(十六) 配置代理服务器
配置代理服务器原创 2022-08-08 12:44:48 · 1904 阅读 · 1 评论 -
Vue(十五)
Vue封装的过渡和动画原创 2022-08-06 13:13:55 · 80 阅读 · 0 评论 -
Vue(十四)
全局事件总线、消息订阅与发布、this.$nextTick(function(){})、todoLists的编辑功能原创 2022-08-05 11:46:21 · 327 阅读 · 0 评论 -
Vue(十三)组件自定义事件
组件自定义事件原创 2022-08-04 20:49:05 · 487 阅读 · 0 评论 -
Vue(十二)
浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。该方法接受一个键名作为参数,并把该键名从存储中删除。存储内容大小一般支持5MB左右(不同浏览器可能不一样)该方法接受一个键名作为参数,返回键名对应的值。该方法会清空存储中的所有数据。sessionStorage实例代码。localStorage实例代码。...原创 2022-08-02 16:24:02 · 56 阅读 · 0 评论 -
Vue(十一) 组件化编码流程二
TodoList案例初级总结原创 2022-08-02 13:26:50 · 114 阅读 · 0 评论 -
Vue(十) 组件化编码流程
Vue组件化编码流程。Vue实现的todoList原创 2022-08-01 11:40:11 · 262 阅读 · 0 评论 -
Vue(九)
vue.config.js配置文件、ref属性、 props配置项、mixin(混合)、插件、scoped样式原创 2022-07-31 11:16:13 · 93 阅读 · 0 评论 -
Vue(八)
单文件组件,Vue脚手架原创 2022-07-29 16:06:19 · 162 阅读 · 0 评论 -
vscode打开.vue文件时报错误,插件vetur的问题
vscode打开.vue文件时报错误,插件vetur的问题原创 2022-07-29 10:29:41 · 4395 阅读 · 0 评论 -
Vue(七)非单文件组件
Vue中非单文件组件的基本内容原创 2022-07-28 15:44:04 · 185 阅读 · 0 评论 -
Vue(六) 生命周期
Vue生命周期 图解原创 2022-07-27 22:03:33 · 56 阅读 · 0 评论 -
Vue(五)
第一个例子需求1定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。这里要注意的是directives中函数的this指向指的是window对象;也可以进行全局配置,组件化之后可用当前的n值是放大10倍后的n值是需求2注意这里的this都是指向window的,而不是Vue如下{fbind{...原创 2022-07-27 10:26:15 · 219 阅读 · 0 评论 -
Vue(四)
上述的修改代码中,this.persons[0]={id‘001’,name‘潘玮柏’,age50,sex‘男’}是不管用的,数据是修改了,但是页面没有响应的去渲染。需要用到非简写中的immediatetrue,这个代码在初始化时让handler调用一下,这样列表就出来了,如下两图所示,如果不写的话,列表就不会出来。1.使用这些APIpush()、pop()、shift()、unshift()、splice()、sort()、reverse()之后不成功再改成不简写。...原创 2022-07-26 11:52:08 · 290 阅读 · 0 评论 -
Vue(三)
②.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。①.key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,注意v-if可以和v-else-if、v-else一起使用,但要求结构不能被“打断”。②.若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM。①.若虚拟DOM中内容没变,直接使用之前的真实DOM。(2).旧虚拟DOM中未找到与新虚拟DOM相同的key。...原创 2022-07-25 12:42:21 · 139 阅读 · 0 评论 -
Vue(二)
Vue(2)原创 2022-07-18 14:38:43 · 4635 阅读 · 0 评论