摘要:
一. vuecli 之 脚手架的介绍和安装(vue3.x创建vue2.x项目) 二.VueCLI3创建项目和目录结构与配置信息详解 初始化项目 vue create demo 选项 ? Please pick a preset: (Use arrow keys) Default ([Vue 2] b 阅读全文
摘要:
一.匿名插槽 在这个案例里面的分析 1.插槽可以很方便的替换内容 2.在app.vue中child组件内可以使用app中data的数据 child.vue <template> <div> <a :href="myUrl"> <slot></slot> </a> </div> </template> 阅读全文
摘要:
一.动态组件 原理: 过程一: 每次进行组件间的切换时,Vue都创建了一个新的组件实例,同时存在销毁过程 过程二:为了避免过程一每次进行销毁重建的问题,那么可以通过 keep-alive 来处理 语法: <component v-bind:is="currentTabComponent"></com 阅读全文
摘要:
官方说明:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 疑问: DOM 更新循环是指什么? 下次更新循环是什么时候? 修改数据之后使用,是加快了数据更新进度吗? 在什么情况下要用到? 原理 vue的响应式并不是数据发生变化之后DOM立即变化,而是 阅读全文
摘要:
一.父传子 传递: 通过在子组件:属性 = 变量 来传递 接收:在子控件内部,props 来接收 第一种:传递基本数据类型 问题:不能直接被用作子组件的v-model双向绑定的变量,否则报错 解决:可以在data中定一个新的变量,把这个值给这个新的变量 第二种:传递对象Object 问题:可以将ob 阅读全文
摘要:
Vue中ref和$refs的介绍及使用 阅读全文
摘要:
对于服务端渲染和前后端分离这两种开发模式来说,分别有着不同的身份认证方案: .服务端渲染推荐使用 Session 认证机制 (SessIon也会用到cookie) 前后端分离推荐使用 jwt 认证机制 cookie (保存在浏览器上) 简单案例 //导入模块const express = requi 阅读全文
摘要:
如下图 在这个马路上,有一辆bus在来回的接送,从a发布bus.$emit('aaa'),然后在c订阅bus.$on('aaa') 实例案例代码 app.vue <template> <div id="app"> <big-son></big-son> <hr /> <small-son></sma 阅读全文
摘要:
require('http') //用来创建服务器 require('url') 用来处理get请求的参数处理 require('fs') 用来读写文件 require('querystring') 用来处理post请求的参数接收处理 以上的模块使用可参考 node 之 request模块创建服务 阅读全文
摘要:
一.服务端渲染的传统web开发模式 特点: 所有的web资源由同一个服务器同意管理(前后端代码必须放在一起) 页面和页面中使用的数据,由服务器组装,最后将完整的html页面响应给客户端 优点: 前端耗时少 有利于seo,因为服务端响应的是完整的html页面 缺点: 占用服务器资源 不利于前后端分离, 阅读全文