- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue $emit的用法
*子组件可以使用 props 接收父组件的数据*子组件可以使用 $emit 触发父组件的自定义事件实例：子传父son.vue<template> <div> <!-- <h1>我是子组件，我接受来自父组件的name(父传子):{{fatherName}}</h1> --> <br /> <button @click="goSend()">点击将子组件的name发送给父组件(子传父)<
2021-06-12 14:16:19
1456
原创 vue中ref和$ref
基本用法1、本页面获取dom元素<template> <div id="app"> <div ref="testDom">---我是textDom节点的内容---</div> <button @click="getTest">获取testDom节点</button> </div></template><script>export default { name:
2021-06-12 10:59:28
426
原创 移动端项目 文章管理
一、创建组件配置路由1.创建 views/article/index.vue 组件2.将该页面配置到根级路由{ path: '/article/:articleId', name: 'article', component: () => import('@/views/article')}3.在 src\components\article-item\index.vue 中的文章列表中绑定<van-cell class="article-item" :to="`/ar.
2021-06-12 09:44:09
381
1
原创 移动端项目 头条首页 弹出层频道编辑
ui效果图：一、添加popup弹出层组件，高100%占满屏幕，留一个左上侧×号home/index.vue<van-popup v-model="isPopupShow" closeable close-icon-position="top-left" position="bottom" :style="{ height: '100%' }"/>当isPopupShow=true 弹出层弹出二、将‘我的频道‘和’频道推荐‘做成一个组件channel-
2021-06-07 20:19:25
781
原创 Vue基础学习 组件传值部分
一、组件的创建语法<div id="example"> <my-component></my-component></div>//js部分<script> Vue.component('my-component',{ data(){ return{ msg:'hello' } }, template:`<div>{msg}}</div>`, })</script&g
2021-05-18 15:09:03
110
转载 Socket.io 基本应用
服务端服务端socket.io必须绑定一个http.Server实例，因为WebSocket协议是构建在HTTP协议之上的，所以在创建WebSocket服务时需调用HTTP模块并调用其下createServer()方法，将生成的server作为参数传入socket.io。// 实例化时传入端口require('socket.io')(3000)// 通过listen或attach函数绑定let io = require('socket.io')io.listen(3000);// io.at
2020-11-05 10:23:27
430
原创 socket.emit使用
1.socket.emit(‘action’);表示发送了一个action命令，命令是字符串的，在另一端接收时，可以这么写： socket.on(‘action’,function(){…});2.socket.emit(‘action’,data);表示发送了一个action命令，还有data数据，在另一端接收时，可以这么写： socket.on(‘action’,function(data){…});3.socket.emit(action,arg1,arg2); 表示发送了一个action命令，还
2020-11-04 15:17:55
2871
原创 引入本地图片和服务器图片的方法
方法一：import photo from '../asset/images/photo.jpg';//引入本地图片<img src={photo} className="App-logo" alt="photo" />方法二：{/* es5的写法 */}<img src={require('../asset/images/photo.jpg')} alt="logo" />Home.jsimport React, { Component } from 'rea
2020-10-30 16:09:00
1017
转载 React中组件通信的几种方式
https://segmentfault.com/a/1190000012361461**React中组件通信的几种方式**需要在组件之间进行通信的几种情况1、父组件向子组件通信2、子组件向父组件通信3、跨级组件通信4、没有嵌套关系组件之间的通信一、父组件向子组件通信React数据流动是单向的,父组件向子组件通信也是最常见的;父组件通过props向子组件传递需要的信息Child.jsximport React from 'react';import PropTypes from '
2020-10-28 08:48:45
614
原创 js中操作字符串的n多方法（6种）
var str=“hello world!” //首先我们先定义一个字符串str.chartAt(0) // => “h”:第一个字符str.chartAt(str.length-1) // => “d”:最后一个字符str.substring(1,4) // => “ell”:第2~4个字符str.slice(1,4) // => “ell”:同上str.indexOf(“l”) // => 2:字符l首次出现的位置str.lastIn
2020-10-27 17:03:12
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人