自我总结56

Vue项目

安装

node：官网下载安装包，傻瓜式安装https://nodejs.org/zh-cn/

cnpm：npm install -g cnpm --
registry=https://registry.npm.taobao.org
vue/cli：cnpm install -g @vue/cli

创建

cd存放项目的目录

vue create项目名 --->需要安装的组件babel、vue-router、vuex

配置项目启动

配置npm启动

main.js

vue环境的加载、完成根组件的渲染、加载vue-router、vuex等环境、加载自定义环境

vue-router配置路由

<router-link to=""></router-link> | this.$router.push() 完成跳转
<router-view /> 完成页面组件的占位
在router/index.js中 完成路由配置 路径-视图组件 映射关系

两种路由传参

配置				跳转				获取
path:'/user'  	 to="/user?pk=1"   $route.query.pk
path:'/user/:pk' to="/user/1"	   $route.params.pk
:to="{name: 'user'}"	

Vue组件生命周期钩子

组件从创建到销毁的整个生命周期中特殊时间节点回调的方法

生命周期钩子的作用就是满足在不同时间节点需要完成的事

这些方法都是vue组件实例的成员

create（）{完成后台数据的请求}

mounted（）{完成极其耗时的后台数据请求}