2 一只萌萌的萌新

尚未进行身份认证

我要认证

老萌新了

等级
TA的排名 29w+

axios基本使用

1.安装 npm install axios --save2.引入3.最简单的使用方法axios({ url:'', method:'post'//不写默认get}).then({ console.log(res)})4.带参数的axios({ url:'', params:{ //地址后面跟的参数 type:'pop', page:1 }}).then({ console.log(res)

2020-07-21 22:38:41

Vue Vuex用法

1.Vuex是做什么的Vuex是一个专门为Vue.js应用程序开发的状态管理模式采用集中式存储管理应用的所有组件状态就是一个能够集中管理组件中数据并完成响应式操作的轮子2.Vuex的基本用法//vuex新文件 index.jsimport Vue from 'vue'import Vuex from 'vuex'//安装插件Vue.use(Vuex)const store = new Vue.store({ state:{ //保存状态(值)的 cou

2020-07-21 16:37:45

es6 关乎promise

1.promise是干嘛的?promise是异步编程的一种解决办法什么情况下会用到promise?要用到异步操作的时候2.promise简单使用过程(第一种写法) //链式编程 //Promise在创建时要传入一个函数 new Promise((resolve, reject) => { //resolve,reject也是函数 //这里写第一次请求的代码 resolve('hello promise') //

2020-07-19 15:02:08

Vue 路由传参 params query

1.params配置路由格式:/router/:id传递方式:在path后面跟上对应的值传递后形成的路径:/router/123,/router/abcconst routes=[//路由配置页{ path:'/user/:userId', component:home}// 在app.vue写<router-link :to="'/user/'+userId">我的</router-link> //在 user.vue里写(路由对应子组件)&l

2020-07-17 13:42:51

Vue动态路由的使用 路由懒加载 路由嵌套 keep-alive

1.动态拼接地址//router文件夹下的 index.jsimport home from '../components/Home' //(引入)import user from '../components/user ' Vue.ues(VueRouter)const routes=[//配置{ path:'', redirect:'/home'//redirect 重定向 路由默认地址},{ path:'/home', component:home

2020-07-17 10:32:31

Vue router 一些概念及基本使用 代码的方式修改路径 全局导航守卫

什么是路由路由就是通过互联网的网络把信息从源地址传输到目的地址的活动后端渲染:后端把网页渲染好,前端直接展示后端路由:后端处理URL和页面之间的映射关系前端渲染:浏览器中显示的网易于中的大部分内容都是由前端的JS代码在浏览器中执行前端路由:前端管理映射关系 更改URL 页面不需要整体刷新url的hash目的:更改URL 页面不需要整体刷新HTML5的historyback() 加载 history 列表中的前一个 URL。forward() 加载 history 列表中的..

2020-07-16 16:58:36

es6 箭头函数简单用法和this指向

1.箭头函数定义函数的方式const=(参数列表)=>{ }参数问题 //多个参数 const sum = (num1,num2)=>{ return num+num2}//一个参数 const power= num=>{ return num*num}函数中有多行或一行代码时//多行 const test =() =>{ console.log("234

2020-07-10 22:22:50

Vue cli 2.x 安装 配置 部分目录结构

1.安装Vue CLI 2.X1)先安装Node.js 8.9以上或者更高版本npm install -g @vue/cli 这个安装的是新版本2)拉取2.x模板npm install @vue/cli-init -g3)vue CLI2.x初始化项目vue init webpack 项目名(文件夹名)配置:1.项目名字2.描述信息3.作者4.构建项目的时候要用哪一个构建Runtime + compiler (系统默认推荐使用)Runtime-only 小6kb

2020-07-09 11:10:00

Webpack 开发时依赖 ??????

1.什么是Webpack前端模块化打包工具从本质上来讲,Webpack是一个现代的JavaScript应用的静态打包工具2.webpack node npm 的关系webpack依赖于node环境node环境为了可以正常执行很多代码,必须其中包含各种依赖的包——npm工具(管理各种包)3.webpack 安装安装nodenpm install webpack@3.6.0 -g4.webpack的基本使用1)webpack的起步cd 文件夹名 webpack 入口文件(自动找对

2020-07-07 22:08:27

Vue 插槽(老版本)

以下皆是老版本1.插槽的基本使用组件插槽的目的是为了让我们封装的组件更加具有扩展性 余留性空间匿名插槽<div id="app"> <cpn></cpn> <cpn><span>span本人</span></cpn>//标签中间写的是插槽内的内容 老版本 <cpn><span v-slot:default>span本人</span></cpn>

2020-07-06 17:11:36

Vue 父子组件访问

1.父组件访问子组件 $children(开发一般不用) 这个拿所有的<div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> <button @click="btnClick">按钮</button></div><template id="cpn"> <div&gt

2020-07-06 15:19:58

Vue组件化开发 组件通信 父子组件传值

1.Vue组件化的基本使用基本使用,不简化的<div id=“app”> //3.使用组件 <a-cpn></a-cpn></div><script src="../js/vue.js"></script><script>//1.创建组件构造器对象const cpnC=Vue.extend({//``倒引号 模板字符串 es6中``定义字符串 换行的时候可以直接写 template:

2020-07-03 22:15:28

Vue表单绑定v-model 及其修饰符

1.v-model的基本使用界面改变 数据也改变div id="app"> <input type="text" v-model="message"></div></body><script>const app = new Vue({ el:"#app", data:{ message:'2345yu' }})</script>2.v-model的原理背后包含两个指令d

2020-07-02 20:52:34

JavaScript高级函数的使用

循环 for(let i = 0 ; i<temp.length;i++){ return 原来的循环} for(let i in temp){ return 快速拿到i} for(let item of temp){ return 快速拿到每项 上面是temp[i]去到每一项} filter函数的使用过滤操作filter()括号里面的是回调函数filter()中的回调函数有一个要求,必须返回一个boolean值当返回tr.

2020-07-01 23:04:09

Vue哪些数组操作是响应式的 数组操作

一、响应式操作1.pushthis.letter.push(‘aaa’,‘bbb’)2.pop();删除数组中的最后一个元素this.letter.pop();3.shift(); 删除数组中的第一个元素this.letter.shift()4.unshift();在数组最前面添加一个元素this.letter.unshift(‘aaaa’)5.splice();删除元素/插入元素/替换元素删除元素:第二个参数传入要删几个元素,参数二没传后面全删this.letter.splice(

2020-07-01 12:47:33

Vue 循环遍历 和 一点点key理解应用

1.遍历数组<div id="app"> <ul> <li v-for="item in names">{{item}}</li> //遍历过程中不获取索引值 </ul> <ul> <li v-for="(item,index)in names">{{index}}{{item}}</li> //遍历过程中获取索引值

2020-06-30 22:33:34

Vue条件判断语句

1.v-if的使用删除或创建元素<div id="app"> <h2 v-if="isShow">{{messgae}}</h2></div></body><script>const app = new Vue({ el:"#app", data:{ message:'你好呀' }})</script>2.v-else的使用<div id="app

2020-06-30 21:56:19

Vue 事件监听 v-on

1.v-on的基本使用及语法糖<div id=“app”> <h2>{{counter}}</h2> <button v-on:click="counter++">+</button> <button v-on:click="counter--">-</button> //点击事件 所以后面接click //行内表达式 <button @click="incre

2020-06-30 12:55:23

es6 对象自变量的增强写法

原来的写法const obj={ name:'haha', age:12, run:function () { console.log('hahah'); }, jump:function () { console.log('hehehe'); }}const name="hahah";const age=12;//es5的写法const obj={ name:name, age:age}属

2020-06-29 22:39:36

关于var和es6中的 let const

1.var 和 let块级作用域变量作用域:变量在什么范围内是可用的 { var name = 'hello' console.log(name) } console.log(name) //都可以打印出来 没有块级作用域引起的问题:if的块级var func; if (true){ var name ='why'; func=function () {

2020-06-29 22:22:22

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。