- 博客(12)
- 收藏
- 关注
RSS订阅原创 五分钟学会使用vuex
vuex实际例子 五分钟学会使用vuex ， vue-router 都是sap（单页面）需要具备有的技术点下面的代码可以直接粘贴使用 里面vuex基本的五大部分都有用上像mapGetters mapState等辅助函数也有使用注意看注释//App.vue 文件<template> <div id="app"> <test-vuex></test-vuex> </div></template><
2021-01-02 22:14:27
298
原创 组件实现 v-model 双向数据绑定 （vue 3.0）
在父组件设置modelValue变量 放在 v-model中则在子组件的props属性 会有一个modelValue属性 ，可看下面的子组件console出来的props第二步 在子组件中emit context.emit(‘update:modelValue’, targetValue) <data-m v-model="modelValue"></data-m> {{modelValue}} import DataM from './componen
2020-12-26 21:48:38
959
3
原创 es6 export import的用法
import命令，用于加载1.js文件，并从中输入变量和函数。import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块（1.js）对外接口的名称相同。如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名。import { lastName as myName} from ‘./1.js’; export var a="输出的变量" export function fn() {console.log("输出的
2020-07-06 20:31:55
582
原创 秒懂:nth-child()和:nth-of-type()的区别
定义区别定义:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.(n 可以是数字、关键词或公式)区别...
2020-05-22 21:52:22
594
原创 node.js中module.exports与exports
区别Module.exports才是真正的接口，exports只不过是它的一个辅助工具。简单的来说exports 用于挂属性（常量或者属性）上去到module 最终返回给调用的是Module.exports而不是exports。所有的exports收集到的属性和方法，都赋值给了Module.exports。当然，这有个前提，就是Module.exports本身不具备任何属性和方法。如果，Module.exports已经具备一些属性和方法，那么exports收集来的信息将被忽略。//在1.jsexpo
2020-05-13 21:07:38
1138
原创 团队项目引进icon文件方式（以微信小程序引入阿里的iconfont为例）
团队项目引进icon文件方式（以微信小程序引入阿里的iconfont为例）背景介绍开发中与开发完成时开发中的步骤共四步开发完成时背景无论是多大还是多小的项目，icon是我们必不可少的部分。而多人开发时，随着项目的进行每个人要引入的icon就在不断的变化，那么我们应该怎样去进行这个过程呢。介绍 开发中与开发完成时 开发中的步骤共四步123.新建iconfot.wxss,文件红框部分，都有上面的图而来对应，而.iconfont是可以自己定义，一般都采用官网的。（前期可以先规定好）
2020-05-10 21:15:41
681
原创 js闭包
js闭包 概念实例概念闭包是指有权访问另一个函数作用域中的变量的函数。当函数可以记住并访问所在的词法作用域，即使函数是在当前词法作用域 之外执行，这时 就产生了闭包。（1）在A函数内部声明B函数；（2）A函数的返回值有B函数，这样就会创建涵盖整个包装函数内部作用域的闭包。实例...
2020-03-13 22:36:17
404
原创 js事件冒泡及其阻止方法
js事件冒泡概念：事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。也就是说我点击子元素，如果父级元素也有监听点击事件，也会被触发到。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2020-03-09 00:16:28
2010
原创 ES6之解构赋值
解构赋值概念数组的解构赋值对象的解构赋值函数参数的解构赋值概念解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。换句话说也就是ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。数组的解构赋值基本用法:let [a, b, c] = [1, 2, 3];console.log(a,b,c)//...
2020-03-08 12:49:55
2574
1
原创 mock.js的使用（在vue-cli项目）
mock.js的使用（在vue-cli项目）概念：实际生产时，后端人员写完接口文档后，一时半会是不能给出接口给我们调用，这样对于前端来说显得十分的被动，而Mock.js可以非常方便的模拟后端的数据，随机生成接口返回的状态，数据等。1.我会在src文件夹下新建个mock.js//mock.jsimport Mock from "mockjs";const data = { id:...
2020-03-07 22:13:48
312
原创 Vue组件间传值
Vue父子组件的传值概念：组件之间是需要沟通的，在某些需求中，子组件需要父组件传值过来作为子组件的属性，子组件可能有值要传回给父组件进行记录。父组件代码<template> <div class="p"> <Child ref="child" :mes="mes" @par="parFun"></Child> </div...
2020-03-06 22:37:05
377
原创 vue生命周期（数据初始化的请求放在created）
vue生命周期概念：vue的生命周期指的是vue实例从创建到挂载到销毁的过程，在这个过程中有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 钩子函数有如下:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed话不多说先贴代码<!DOCTYPE html...
2020-03-05 23:25:51
5586
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人