- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 小问题01
在Hbuilder上的html文件中使用引入css,如下：<link rel="stylesheet" type="text/css" href="../css/007.css">可以成功；而当我引入js,如下：<script src="../js/007.js"></script>时，又或是 <script type="text/jav...
2020-02-29 17:58:29
98
原创 安装完typescript执行tsc --init报错
安装完，tsc -v 后，出现的可能问题，如下：tsc : 无法加载文件 C:\Users\86533\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135 170 中的 about_Execution_Policies。+ tsc --init+ ~~...
2020-02-29 15:50:01
5150
1原创 为什么V-for和v-if不 能连用 （vue12）
为什么V-for和v-if不 能连用风格指南：https://cn.vuejs.org/v2/style-guide/v-for和v-if不应该一起使用，必要情况下应该替换成computed属性。原因：v-for比v-if优先级高，所以嵌套使用的的话，每次v-for都会执行v-if，造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。小结：vue官网推荐将v-if移到父元素...
2020-02-28 22:40:46
1330
原创 Vue中v-if和v- show的区别 （vue 11）
如何选择v-if与v-show ：v-show 的用法与v-if基本一致，只不过是改变元素的CSS属性display。当v-show表达式的值为false时候，元素会隐藏，查看DOM结构会看到元素上加载了内联样式display：none;v-if 和 v-show 具有类似的功能，不过v-if 才是真正的条件渲染，它会根据表达式适当地销毁或重建元素及绑定的事件或子组件。若表达式初始值为fals...
2020-02-28 22:03:13
163
原创 Vue中v-html会 导致哪些问题 （vue 11）
vue的v-html指令使用注意事项：V-html更新的是元素的 innerHTML 。内容按普通 HTML 插入， 不会作为 Vue 模板进行编译 。但是有的时候我们需要渲染的html片段中有插值表达式，或者按照Vue模板语法给dom元素绑定了事件；使用v-html需要注意的第二个问题是：在单文件组件里，scoped 的样式不会应用在 v-html 内部，因为那部分 HTML 没有被...
2020-02-28 21:47:57
9068
原创 vue响应式原理（数据双向绑定的原理） (vue 图解10)
MVC模式MVC的全称是Model-View-Controller，模型-视图-控制器，整个结构分成三层：1. 最上面一层，视图层（View）：用户界面（UI）2. 最底层，是核心的“数据层”：保存数据3. 中间层，控制层（Controller）：处理业务逻辑，负责根据用户从“视图层”输入的指令，选取“数据层”的数据，然后对其进行相应的操作，产生最终的结果各部分的通信方式如下：- V...
2020-02-28 21:24:27
1427
原创 Vue.js中 watch(深度监听)的最易懂的解释 （vue 09）
传送门main ：handler方法和immediate属性deep属性：watch 里面还有一个属性 deep，默认值是 false，代表是否深度监听注销watchvue之watch监听对象或者一个值时注意事项（深度观察deep:true慎用！）：deep的意思就是深入观察，监听器会一层层的往下遍历，给对象的所有属性都加上这个监听器，但是这样性能开销就会非常大了，任何修改obj里面...
2020-02-28 21:00:52
465
原创 Vue中的computed属性 (vue 08)
computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减...
2020-02-28 13:14:26
178
原创 Ajax请求放在哪个生命周期中（vue 07）
一个经常会被问到的问题：为什么不在 created 里去发ajax？created 可是比 mounted 更早调用啊，更早调用意味着更早返回结果，那样性能不是更高？首先，一个组件的 created 比 mounted 也早调用不了几微秒，性能没啥提高；而且，等到异步渲染开启的时候，created 就可能被中途打断，中断之后渲染又要重做一遍，想一想，在 created 中做ajax调用，代...
2020-02-28 12:51:25
2807
原创 nextTick实现原理 （vue 05）
文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧 研究基于 Vue版本 【2.5.17】【Vue原理】NextTick - 白话版nextTick 是 Vue 中比较重要的一部分，源码独立而简短，稍作修改就可以拿出来为你的项目服务， 我已经有在项目中使用了想必大家写 Vue 项目的时候，应该也有使用过 nextTick一般我是用在数据渲染完毕之后...
2020-02-28 12:07:53
204
原创 4、为何Vue采用异步渲染?（vue解04）
Vue中的渲染方式个人总结可分为4种:原有模板语法，挂载渲染使用render属性，createElement函数直接渲染使用render属性，配合组件的template属性，createElement函数渲染使用render属性，配合单文件组件，createElement函数渲染方式一原有模板语法，挂载渲染：就是对使用Vue标签语法的hmtl进行渲染。<!DOCTYPE htm...
2020-02-27 16:25:39
4005
原创 vue中是如何监听数组变化（vue图解03）
起源：在 Vue 的数据绑定中会对一个对象属性的变化进行监听，并且通过依赖收集做出相应的视图更新等等。问题：一个对象所有类型的属性变化都能被监听到吗？之前用 Object.defineProperty通过对象的 getter/setter简单的实现了对象属性变化的监听，并且去通过依赖关系去做相应的依赖处理。但是，这是存在问题的，尤其是当对象中某个属性的值是数组的时候。正如 Vue 文档所说...
2020-02-27 16:02:28
4457
原创 响应式数据的原理是什么(vue图解02)
vue作为前端使用广泛的三大框架（react、vue、Angular）之一，vue2.x的双向数据绑定是基于Object.defineProperty实现。
2020-02-27 15:41:39
791
原创 mvvm原理（vue图解01）
MVC框架将整个前端页面分成View，Controller，Modal，视图上发生变化，通过Controller（控件）将响应传入到Model（数据源），由数据源改变View上面的数据。整个过程看起来是行云流水，业务逻辑放在Model当中，页面渲染逻辑放在View当中，但在实际运用上却存在一个问题：那就是MVC框架允许View和Model直接进行通信！！换句话说，View和Model之间随...
2020-02-26 16:01:24
1137
原创 MVVM框架理解及其原理实现（学习01）
MVC框架将整个前端页面分成View，Controller，Modal，视图上发生变化，通过Controller（控件）将响应传入到Model（数据源），由数据源改变View上面的数据。整个过程看起来是行云流水，业务逻辑放在Model当中，页面渲染逻辑放在View当中，但在实际运用上却存在一个问题：那就是MVC框架允许View和Model直接进行通信！！换句话说，View和Model之间随...
2020-02-26 15:53:51
530
Vue-Travel+Vue-Server.zip
2020-04-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人