tangren_wyx的博客

组件的全局注册：注册的标准写法：var Hello = Vue.extend({ template: '<div> hello component </div>'})Vue.component('Hello',Hello) 简写：Vue.component(组件名称， 组件的配置项)Html:<div id="app"> <Hel...

vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 了解diff过程，我们先从虚拟dom开始。到这里人可能会问，模拟DOM是干嘛为什么要这样做？虚拟dom对应的是真实dom， 使用document.CreateElement 和 document.CreateTextNode创建的就是真实节点。我们可以做个试验...

webpack学习（入门基础）webpack的学习webpack是什么？1：加载模块（将JS、sass/less、图片等作为模块来处理使用）2：进行打包webpack的优势？1：webpack以commonJS（JS的规范）的形式写脚本2：模块化（JS、css、图片等）3：开发便捷（进行打包、压缩、图片转base64等）4：扩展性强，插件机制完善webpack安装：1：npm...

1.路由路由激活A: 自己书写一个类名或是使用第三方给的类名B:在router-link组件身上添加一个 active-class 的属性 <router-link to = "/home" active-class = "active"/>路由的缓存在router-link组件上添加一个属性 keep-alive <router-link t...

VDOM(虚拟DOM)是惰性的， 它有一个原则， 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的， 删除了第二个之后， 第二个就变成了第一个， 它印象中第一个是红的， 所以就我们认为的第二个变成红的了解决： 使用key属性使用：<li v-for = " (item,index) in list " :key = "item.id">注意：优先使用数据中能够识别...

mixins概念：mixins： 混合 ,将 根实例或是组件中的配置项 抽离出来， 单独管理类型A：局部混入var mixin = { methods: { sum(){ alert( 10*10 ) } },}new Vue({ el: '#app', data: {}, watch: {}, mixins: [mixin], computed: {...

1. vue深入响应式原理数据模型 —》 vm（创建的实例 new Vue()）中 的data选项状态管理什么叫做状态？什么叫做状态管理？我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理对象的创建：1. var obj = {}2. var obj = new Object()深入响应式原理：1. 当视图模型（VM）中的数据模型（M）...

1. props属性验证注意：还是会正常的运行代码，只是对数据类型进行验证，判断是否有误常用形式：props: { key: keyType // key是从父组件获得的自定义属性， 值是我们期望得到的数据类型}如下所示：报错 ：需求：我现在想要 > 1000 我才要， 没有 > 1000 我就不要解决： vue提供了一个 ：validatorp...

首先，我们一起了解一下，钩子是什么？钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件有那几个阶段？初始化阶段运行中阶段销毁阶段1.1 初始化阶段分为两个大阶段， 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生钩子函数 --》 （人在某个阶段做的一些事情， 这些事情是自动触发）有那四个钩子函数呢？每个...

2.1 模板语法alert 和 console.log不能用原因：因为vue中的this指向vue的实例，所以在浏览器中无法输出 eg:{{this.msg}}if条件改成使用三元表达式方法一定要写在methods里面， 不要直接写在模板语法中模板语法中支持使用匿名函数可以直接写2.2 列表渲染v-for指令:html:<ul id="example-1"&g...

1. 父子组件通信A: 绑定的是简单类型数据父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性，子组件通过配置项中的props接收数据， props可以是一个数组，数组中放的是自定义属性名称那么这个自定义属性可以向data中的数据一样直接在子组件模板中使用父组件中数据一旦修改， 子组件数据就会修改， 那么这也就是单项数据流 <div id...

vue的非响应式情况数组的下标 <div id="app"> <button @click = "change"> 点击 </button> <ul> <li v-for = ' (item,index) in list ' :key = 'index'> <p> {...