- 博客(14)
- 收藏
- 关注
原创 插槽和自定义指令
父子组件通信: 这里是father 这里是son 我收到了父亲给的 {{ money + 100 }} Vue.component(‘Father’,{template: ‘#father’,data () {return {money: ...
2019-08-25 20:06:39
152
原创 组件通信
父子组件通信: 这里是father 这里是son 我收到了父亲给的 {{ money + 100 }} Vue.component(‘Father’,{template: ‘#father’,data () {return {money: ...
2019-08-25 20:05:25
137
原创 组件基础
3.4 组件 【 王者 】了解前端组件化发展历史前后端耦合前后端不分离项目找后台搭建项目开发环境寻找项目目录中的静态资源目录jsimgcss同步修改css前后端分离前端团队合作项目的出现组件化为了解决多人协作冲突问题复用组件的概念组件是一个html 、 css 、js 、img 等的一个聚合体Vue中的组件属于扩展性功能通过 Vue.extend() 来扩展的ƒ...
2019-08-25 20:04:14
111
原创 计算属性,混入和侦听
3.2 计算属性computed 是Vue中的一个选项作用: ?业务: 如果我想让一个字符串反向,如何实现?分析: 反向 -> 数组【 reverse 】3.2.1 侦听属性watch 是Vue中一个选项作用: ?监听数据的变化,当数据发生改变时,我们完成一些操作业务:watch: {firstName ( val ) {this.fullName = val...
2019-08-25 20:03:48
149
原创 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
158
原创 条件渲染,列表渲染,事件处理,表单控件绑定
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
176
原创 vue基本语法
2.1 模板语法mustache 语法中是支持写js的用法:内容: 必须加 {{ js语法 }}属性: 属性中属性值可以直接写js语法,并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img中的src就是已有属性//data-index就是自定义属性 , web网页中建议我们使用data-形式来定义自定义属性思考: Vue现在想要在html中使用自...
2019-08-25 20:01:42
125
原创 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
178
原创 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
356
原创 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
298
原创 简单使用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
425
原创 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
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人