- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue的非响应式情况
vue的非响应式情况数组的下标 <div id="app"> <button @click = "change"> 点击 </button> <ul> <li v-for = ' (item,index) in list ' :key = 'index'> <p> {...
2019-04-29 19:29:41
768
原创 路由
1.路由路由激活A: 自己书写一个类名或是使用第三方给的类名B:在router-link组件身上添加一个 active-class 的属性 <router-link to = "/home" active-class = "active"/>路由的缓存在router-link组件上添加一个属性 keep-alive <router-link t...
2019-04-29 11:14:13
145
原创 webpack基础
webpack学习（入门基础）webpack的学习webpack是什么？1：加载模块（将JS、sass/less、图片等作为模块来处理使用）2：进行打包webpack的优势？1：webpack以commonJS（JS的规范）的形式写脚本2：模块化（JS、css、图片等）3：开发便捷（进行打包、压缩、图片转base64等）4：扩展性强，插件机制完善webpack安装：1：npm...
2019-04-24 19:33:10
381
原创 props属性的验证
1. props属性验证注意：还是会正常的运行代码，只是对数据类型进行验证，判断是否有误常用形式：props: { key: keyType // key是从父组件获得的自定义属性， 值是我们期望得到的数据类型}如下所示：报错 ：需求：我现在想要 > 1000 我才要， 没有 > 1000 我就不要解决： vue提供了一个 ：validatorp...
2019-04-23 20:54:32
1535
原创 组件的生命周期
首先，我们一起了解一下，钩子是什么？钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件有那几个阶段？初始化阶段运行中阶段销毁阶段1.1 初始化阶段分为两个大阶段， 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生钩子函数 --》 （人在某个阶段做的一些事情， 这些事情是自动触发）有那四个钩子函数呢？每个...
2019-04-23 12:57:10
258
原创 组件通信
1. 父子组件通信A: 绑定的是简单类型数据父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性，子组件通过配置项中的props接收数据， props可以是一个数组，数组中放的是自定义属性名称那么这个自定义属性可以向data中的数据一样直接在子组件模板中使用父组件中数据一旦修改， 子组件数据就会修改， 那么这也就是单项数据流 <div id...
2019-04-22 15:54:00
302
原创 vue组件
组件的全局注册：注册的标准写法：var Hello = Vue.extend({ template: '<div> hello component </div>'})Vue.component('Hello',Hello) 简写：Vue.component(组件名称， 组件的配置项)Html:<div id="app"> <Hel...
2019-04-20 16:56:04
115
原创 虚拟Dom和diff算法
vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 了解diff过程，我们先从虚拟dom开始。到这里人可能会问，模拟DOM是干嘛为什么要这样做？虚拟dom对应的是真实dom， 使用document.CreateElement 和 document.CreateTextNode创建的就是真实节点。我们可以做个试验...
2019-04-20 11:28:25
602
原创 vue中列表渲染中的key的作用
VDOM(虚拟DOM)是惰性的， 它有一个原则， 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的， 删除了第二个之后， 第二个就变成了第一个， 它印象中第一个是红的， 所以就我们认为的第二个变成红的了解决： 使用key属性使用：<li v-for = " (item,index) in list " :key = "item.id">注意：优先使用数据中能够识别...
2019-04-19 19:46:48
584
原创 mixins
mixins概念：mixins： 混合 ,将 根实例或是组件中的配置项 抽离出来， 单独管理类型A：局部混入var mixin = { methods: { sum(){ alert( 10*10 ) } },}new Vue({ el: '#app', data: {}, watch: {}, mixins: [mixin], computed: {...
2019-04-19 19:24:14
383
原创 vue深入响应式原理
1. vue深入响应式原理数据模型 —》 vm（创建的实例 new Vue()）中 的data选项状态管理什么叫做状态？什么叫做状态管理？我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理对象的创建：1. var obj = {}2. var obj = new Object()深入响应式原理：1. 当视图模型（VM）中的数据模型（M）...
2019-04-19 14:54:47
397
原创 vue的基础介绍
2.1 模板语法alert 和 console.log不能用原因：因为vue中的this指向vue的实例，所以在浏览器中无法输出 eg:{{this.msg}}if条件改成使用三元表达式方法一定要写在methods里面， 不要直接写在模板语法中模板语法中支持使用匿名函数可以直接写2.2 列表渲染v-for指令:html:<ul id="example-1"&g...
2019-04-17 18:02:37
139
原创 前端的异步解决方案
Promise对象Promise 的含义: Promise 是异步编程的一种解决方案,简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise 对象的状态不受外界影响三种状态:pending：进行中fulfilled :已经成功re...
2019-04-15 21:25:27
760
1
原创 MongoDB数据库——增，删，改，查
添加db.coll_name.save({}) 推荐db.coll_name.insertOne({})db.coll_name.insert({})创建students数据库> use studentsswitched to db students检查当前使用的数据库> dbstudents检查数据库列表> show dbsloc...
2019-04-10 20:43:37
223
2
原创 MongoDB数据库
数据库分类：关系型数据库：Access mySql SqlServer oracle db2等。非关系型数据库: MongoDB，Redis，HBase，CouchDB等。1. MongoDB优点它的特点是高性能、易部署、易使用，存储数据非常方便。主要功能特性有：• 面向集合存储，易存储对象类型的数据。• 模式自由。• 支持动态查询。• 支持完全索引，包含内部对象。• ...
2019-04-10 17:47:41
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人