- 博客(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
823
原创 路由
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
185
原创 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
405
原创 props属性的验证
1. props属性验证 注意：还是会正常的运行代码，只是对数据类型进行验证，判断是否有误 常用形式： props: { key: keyType // key是从父组件获得的自定义属性， 值是我们期望得到的数据类型 } 如下所示： 报错 ： 需求：我现在想要 > 1000 我才要， 没有 > 1000 我就不要 解决： vue提供了一个 ：validator p...
2019-04-23 20:54:32
1566
原创 组件的生命周期
首先，我们一起了解一下，钩子是什么？ 钩子函数，就是options里面的key, 它的值是函数 钩子函数写在其他配置项的后面 组件有那几个阶段？ 初始化阶段 运行中阶段 销毁阶段 1.1 初始化阶段 分为两个大阶段， 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生 钩子函数 --》 （人在某个阶段做的一些事情， 这些事情是自动触发） 有那四个钩子函数呢？每个...
2019-04-23 12:57:10
284
原创 组件通信
1. 父子组件通信 A: 绑定的是简单类型数据 父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性， 子组件通过配置项中的props接收数据， props可以是一个数组，数组中放的是自定义属性名称 那么这个自定义属性可以向data中的数据一样直接在子组件模板中使用 父组件中数据一旦修改， 子组件数据就会修改， 那么这也就是单项数据流 <div id...
2019-04-22 15:54:00
325
原创 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
131
原创 虚拟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
621
原创 vue中列表渲染中的key的作用
VDOM(虚拟DOM)是惰性的， 它有一个原则， 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的， 删除了第二个之后， 第二个就变成了第一个， 它印象中第一个是红的， 所以就我们认为的第二个变成红的了 解决： 使用key属性 使用： <li v-for = " (item,index) in list " :key = "item.id"> 注意： 优先使用数据中能够识别...
2019-04-19 19:46:48
630
原创 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
432
原创 vue深入响应式原理
1. vue深入响应式原理 数据模型 —》 vm（创建的实例 new Vue()）中 的data选项 状态管理 什么叫做状态？什么叫做状态管理？ 我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理 对象的创建： 1. var obj = {} 2. var obj = new Object() 深入响应式原理： 1. 当视图模型（VM）中的数据模型（M）...
2019-04-19 14:54:47
442
原创 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
156
原创 前端的异步解决方案
Promise对象 Promise 的含义: Promise 是异步编程的一种解决方案,简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。 Promise 对象的状态不受外界影响 三种状态: pending：进行中 fulfilled :已经成功 re...
2019-04-15 21:25:27
824
1
原创 MongoDB数据库——增，删，改，查
添加 db.coll_name.save({}) 推荐 db.coll_name.insertOne({}) db.coll_name.insert({}) 创建students数据库 > use students switched to db students 检查当前使用的数据库 > db students 检查数据库列表 > show dbs loc...
2019-04-10 20:43:37
262
2
原创 MongoDB数据库
数据库分类： 关系型数据库：Access mySql SqlServer oracle db2等。 非关系型数据库: MongoDB，Redis，HBase，CouchDB等。 1. MongoDB优点 它的特点是高性能、易部署、易使用，存储数据非常方便。主要功能特性有： • 面向集合存储，易存储对象类型的数据。 • 模式自由。 • 支持动态查询。 • 支持完全索引，包含内部对象。 • ...
2019-04-10 17:47:41
229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人