weixin_45408068-CSDN博客

原创 Vue 组件的注册

一、 Vue如何实现组件通过实例化Vue构造器函数得到一个Vue实例,这个实例我们称之为 " 根实例 "，它是最大的父级这个根实例是以标签的形式存在的，那么我们也称之为 " 根组件 "根实例也是一个组件，但是我们得到只是跟组件Vue.extend( ) 它就是对Vue功能的扩展，这个扩展就是组件Vue是通过 Vue.extend( ) 来实现【扩展】 Vue的功能的，这个功能就是组...

2019-07-30 22:06:46 146

原创 Vue 组件的使用规则

Vue 组件的使用规则<body> <div id="app"> <table border="1"> <tr> <td>1</td> <td>2</td> ...

2019-07-30 22:00:09 347

原创 Vue 组件的嵌套

Vue 组件的嵌套组件的嵌套：子组件以标签的形式要在父组件的模板中使用template 模板内直接子元素有且仅有一个 (所以套个div)<body> <div id="app"> <father></father> </div> <template id="father"> ...

2019-07-30 21:56:44 350

原创 Vue 组件中数据的定义

Vue 组件中数据的定义为什么组件中的data选项是一个函数，而根实例中是对象原因：（1）. 组件是一个独立的整体，那么数据也应该是一个独立的【 80% 】（2）. 多人开发，数据如果不是独立的，那么数据会冲突【 5% 】（3）. javascript最大的特点：函数式编程，而函数本身就有一个独立作用域【 15% 】为什么组件中的data函数要有返回值，并且返回值是一个对象，...

2019-07-30 21:54:30 2439

原创 Vue 父子和子父组件通信

父子组件通信父组件中定义一个数据data( ) { return { money: 1111 } }在父组件的模板中，用 v-bind 将父组件的数据绑定在子组件身上在子组件的选项中，通过props选项来接收这个属性props : [ ’ aa ’ ]这个属性可以在子组件的模板中以全局变量的形式使用<body> <div id="app"&gt...

2019-07-30 21:52:32 1375

原创 Vue 非父子组件通信（ref）

Vue 非父子组件通信（ref）流程： 1. 先在son子组件中定义一个数据和事件处理程序 data( ) { return { flag: false }} , methods: { cry( ) { this.flag = true }} 2. 数据操作图片，在son子模板中条件渲染(v-if或者v-show) ...

2019-07-30 21:45:46 409

原创 Vue 之单向数据绑定实现双向数据绑定效果

input 身上的事件（ focus 、 blur 、 change 、input）事件有几种绑定形式js中绑定var input = document.querySelector( ’ input ’ )input.oninput = function ( ) { }DOM2级事件事件监听html结构中绑定function load ( ) { }vue中事件绑定形式...

2019-07-29 16:37:35 352

原创 Vue 之 v-bind 和 v-model

v-bind属性和数据进行绑定举例：表单的value属性和一个数据绑定说法：绑定一个数据在某一个属性身上v-bind 【单项数据绑定】绑定类名绑定样式为什么要绑定：通过操作数据就可以改变V中dom的样式，相当于操作了dom .类名的绑定【两种写法】a. 数组的写法【推荐】b. 对象的写法样式的绑定a. 数组的写法【推荐】b....

2019-07-29 16:31:13 516

原创 Vue 指令 -- 1

Vue 指令 – 1新建一个 html 文件，在body里面加入一个 id = “ app ” 的 div 。引入 vue.js 文件，并 new 一个 Vue实例，如下： <script src="lib/vue.js"></script> <script> new Vue({ el:...

2019-07-25 17:25:17 87

原创 token

token身份验证http 请求的无状态性JWT （jsonwebtoken)用户登录服务器端产生一个token (加密字符串) 发送给前端前端将token 进行保存前端发起数据请求的时候携带token服务端验证token 是否合法如果合法继续操作不合法终止操作token 的使用场景无状态请求保持用户的登录状态第三方登录（token+au...

2019-07-24 17:28:40 3203

原创 MongoDB基本命令

**MongoDB基本命令**常用的命令> Help 查看帮助show dbs 显示数据库列表use dbname 创建（切换）数据库show collections 显示数据库中的集合增加数据db.web.save({ “name” : “老李” })创建了名为web的集合，并新增了一条{“name”:“老...

2019-07-24 17:16:33 149

原创 Mongodb数据库

Mongodb数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库.关系型数据库（sql）： mySql、Access 、 SqlServer、 oracle 、 db2 等。非关系型数据库 ( NoSql )： MongoDB、Redis、HBase、CouchDB 等。代表：1 关系型数据库： MySQL- 表 - 行2 非关系型数据库：...

2019-07-24 17:15:31 121

原创聊天室

一、前端通信 ( 三种 )Node中的net模块提供的前端通信H5提供的 webSocket 【常用于移动端】pc端低版本浏览器使用 socket.io 【简单提一下】通信服务端：总的服务器客户端：单个用户使用应用服务端：const net = require('net') //引入net模块，用于创建服务器/客户端const server = ...

2019-07-20 10:02:20 127

原创 express和express-generator

一、 expressexpress web 服务器 --> 后端渲染express api 服务器 --> 如何暴露接口restful api(1) 使用 express 搭建静态服务器静态服务器后端语言 + 后端渲染模板生成前端的 html 结构，然后在发送到前台，这种做法就叫做后端渲染。const express = require(...

2019-07-20 09:49:47 843

原创自定义包上传npmjs、node后端路由、npm脚本、前段异步

一、自定义包上传npmjs注册账号，注意：记住要发送邮箱激活切换你的npm源 nrm列表：nrm ls切换：nrm use npm注意：包的名称不能和别人的重复步骤：1.登录npm账号： npm adduser2. 上传： npm publish二、 node后端路由基本原理它是后端框架 express 的路由的原理后端路由其实就是一个web服务器...

2019-07-17 19:43:25 133

原创模块/包与commonjs 规范

一、 module内置模块Stream 流：什么是流？Node中为什么要有流这个概念？使用场景？流指的是数据流，指的是数据是分片传输数据可以实现非阻塞gulp 【流式操作】流程： 1. 读取文件2. 创建压缩包3. 将读取的数据流写入压缩包4. 输出压缩包案例：打包压缩包const fs = require(‘fs’) // 读取yyb.txt文件const ...

2019-07-17 16:19:38 264

weixin_45408068的博客