yangll

使用elementUI的NavMenu导航菜单实现锚点导航。主要实现了点击菜单时定位到相应的内容和滚动内容时菜单定位到相应的锚点。$el是获取组件内部DOM元素，在$el中获取offsetTop的值。

在新建的Vue项目中，使用height: 100;设置内容高度，设置的高度一直无效。高度设置为100%时，元素的高度应该和父元素的高度保持一致，因此需要设置html标签和body标签的高度为100%。

主要介绍了Vue中的属性执行顺序和父子组件生命周期的执行顺序。在父组件中，调用接口获取数据后传递给子组件时，由于调用的接口是异步的，所以可能会导致子组件获取不到父组件传递的数据，给出了主要的解决方法。

使用vuex获取用户信息，在每个页面就可以直接使用。1.在src目录下建立store目录，配置文件。2.在store目录下建立userInfo目录，调用用户信息接口。3.store引入。4.获取信息。

Axios接口封装和拦截器设置。axiosConfig.js Axios相关配置。axiosInstance.js Axios实例。 index.js Axios接口封装。 urls.js 接口地址。

prettier是一个前端代码格式化的工具。prettier可以自定义代码规范和规范项目的代码格式。prettier工具的安装步骤：1.安装插件。 2.在根目录添加配置文件。3.文件里面添加相关配置。

使用elementUI中的NavMenu和路由router实现菜单切换功能。 1.路由文件配置。 2.添加页面文件。 3.App.vue文件添加路由出口router-view。4.添加菜单文件并引入。

vue.config.js是一个可选的配置文件，可以对Vue CLI进行个性化的自定义配置。可以通过修改该文件对Vue CLI的内部webpack配置进行修改和扩展，包括webpack的配置项和插件。

目前网上大部分搭建vue项目都是使用脚手架搭建，这样很多配置就不用自己配置了。如果想要熟悉项目的结构和配置，可以手动搭建一个vue项目，既不使用脚手架搭建项目。