一只萌萌的萌新的博客

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)

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

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

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

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

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

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

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

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:

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

一、响应式操作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(

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> //遍历过程中获取索引值

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

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

计算属性1.一个computed的demo <div id=“app”> <h2 >{{allName}}</h2> //属性 </div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ name：'hello', word:'vue' }， comput

v-bind1.动态的绑定属性 <div id=“app”> <img v-bind：src="imageUrl"> <a v-bind:href="aHref"</a></div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ imageUrl:'www.jdmdkdkh

1.Mustache就也就是双大括号<div id=“app”>{{data}}</div> //变量<div id=“app”>{{data*data2}}</div> //表达式2.v-once指令不会跟着数据的改变而改变<div id=“app”> <h1 v-once>{{message}}</h1></div><script src="../js/vue.js">&