自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 插槽和自定义指令

父子组件通信: 这里是father 这里是son 我收到了父亲给的 {{ money + 100 }} Vue.component(‘Father’,{template: ‘#father’,data () {return {money: ...

2019-08-25 20:06:39 131

原创 组件通信

父子组件通信: 这里是father 这里是son 我收到了父亲给的 {{ money + 100 }} Vue.component(‘Father’,{template: ‘#father’,data () {return {money: ...

2019-08-25 20:05:25 111

原创 组件通信

这是第一个插槽 这是第2个插槽 这是根元素 v-2.6.x: {{ props.my }}...

2019-08-25 20:04:50 114

原创 组件基础

3.4 组件 【 王者 】了解前端组件化发展历史前后端耦合前后端不分离项目找后台搭建项目开发环境寻找项目目录中的静态资源目录jsimgcss同步修改css前后端分离前端团队合作项目的出现组件化为了解决多人协作冲突问题复用组件的概念组件是一个html 、 css 、js 、img 等的一个聚合体Vue中的组件属于扩展性功能通过 Vue.extend() 来扩展的ƒ...

2019-08-25 20:04:14 86

原创 计算属性,混入和侦听

3.2 计算属性computed 是Vue中的一个选项作用: ?业务: 如果我想让一个字符串反向,如何实现?分析: 反向 -> 数组【 reverse 】3.2.1 侦听属性watch 是Vue中一个选项作用: ?监听数据的变化,当数据发生改变时,我们完成一些操作业务:watch: {firstName ( val ) {this.fullName = val...

2019-08-25 20:03:48 128

原创 axios和 fetch的使用

3.1 axios && fetch目的: 是在框架中使用数据请求回顾:封装ajaxjquery 【 .get.get .get .post .ajax.ajax .ajax .load 】框架:数据请求使用原生js提供的fetch使用第三方封装库: axiosVue中可以统一对axios进行挂载Vue.prototype.KaTeX parse...

2019-08-25 20:02:52 135

原创 条件渲染,列表渲染,事件处理,表单控件绑定

2.3 条件渲染v-ifv-else-ifv-elsev-show 条件展示 条件渲染 - 单路分支 A ​​ 条件渲染 - 双路分支 A B ​​ 条件渲染 - 多路分支 美食 游戏 睡觉 ​ 条件展示 ​ 条件展示 思考总结思考: v-if vs v-show 1. 效果看起来一样 2. why Vue要出两个相似的...

2019-08-25 20:02:13 154

原创 vue基本语法

2.1 模板语法mustache 语法中是支持写js的用法:内容: 必须加 {{ js语法 }}属性: 属性中属性值可以直接写js语法,并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img中的src就是已有属性​//data-index就是自定义属性 , web网页中建议我们使用data-形式来定义自定义属性​思考: Vue现在想要在html中使用自...

2019-08-25 20:01:42 101

原创 vue实现数据绑定的原理

1.4 Vue实现数据绑定的原理书写第一个Vue案例Vue深入响应式原理图// Vue 底层原理​// 目的: 使用原生js来实现Vue深入响应式​var box = document.querySelector(’.box’)​var button = document.querySelector(‘button’)​var data = {name: ‘Jick’}...

2019-08-25 20:01:11 157

原创 Vue实现数据绑定的原理

Vue.js1.4 Vue实现数据绑定的原理 // Vue 底层原理 // 目的: 使用原生js来实现Vue深入响应式 var box = document.querySelector('.box') var button = document.querySelector('button') var data = { name: 'Jick' } ...

2019-08-21 21:43:08 316

原创 Vue基础和MVC,MVP,MVVM简介

Vue.js一、Vue基础1 开发流程规范 与 Vue基础1.0 前端开发流程规范 前端开发流程规范 1.1 前端框架发展历史html html [1990]----> html5 [2008.1.12]css css 1.0 1996 css 2.0 1998 css 3.0 2001EcmaScript 1997年诞生 2015 ...

2019-08-21 21:39:41 259

转载 前端开发规范转

前端的开发规范

2019-08-20 10:54:26 63

原创 简单使用node.js的net模块实现socket通信

node中的socket实现简单的通信创建服务端,利用node内置的net模块实现例://引入模块 const net = require('net'); let clients={}; let clientName=0; //创建端口,和主机名称 const port=9000; const host='127.0.0.1'//或者是‘localhost’ //创建服务...

2019-08-14 17:30:33 380

原创 nodejs文件系统常用命令

node文件系统引入模块const fs=require(‘fs’);fs.readFile(path[,option],callback)例:fs.readFile('class.js','utf-8',(error,data)=>{ if(error)throw error; eval(data); console.log(data);...

2019-08-13 15:55:07 65

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除