不用 vue-cli 如何搭建一个 vue 项目

1. 什么是单向数据流？谈谈对它的理解

答：数据通常按照一个方向来传递，通常从父传递子组件，子组件要修改父组件数据通知父组件

自己修改，目的便于状态的管理和解耦。

如果不加以限制，任何子组件内部直接修改父组件数据就会影响到其他引用相同数据的组件的

显示，从而造成数据混乱。

大白话，数据是谁的，谁才有资格去修改。

2. 谈谈对 VueX 的理解（或者 Redux）

答：vuex 是 vue 的一个插件，用来做状态管理的，

其实我们可以把 vuex（Redux）看做是一个仓库，我们把需要共享的数据统一存在仓库里，

谁需要，直接取就可以。然后提供一个统一修改机制（提交 mutation）来修改仓库里的数据。

仓库解决了数据传递层级和同级组件数据传递问题

State：存放状态（数据）的地方

Getters：派生状态的地方

Mutation：修改状态的地方

Action：做异步操作，并提交 mutation 修改状态的地方

redux 是一个应用数据流框架，主要是解决了组件间状态共享的问题，主要包括三个核心方

法，action，store，reducer

Store 是整个仓库对象，存放了单一状态数（state）

action 是一个包含 { type, payload } 的对象

reducer 函数通过 store.dispatch(action) 触发

reducer 函数接受 (state, action) 两个参数，返回一个新的 state

reducer 函数判断 action.type 然后处理对应的 action.payload 数据来更新状态树

3.Vue-router 路由传参的方式有哪些？

答： 1：js 导航的 xx.push({path:”/user”,query:{ }})

2：动态路由 ｛path：”/user/:id” name：”user”｝

3：meta

4：Storage/仓库

4.不用 vue-cli 如何搭建一个 vue 项目？

答：需要使用构建工具 webpack（当然还有其他工具 gulp，browserify），通过 entry 配置入口

文件；output 配置打包输出；module 配置 loader（loader 是用来处理文件的），一般配置处理

less/sass，二进制图片或字体等，babel-loader 处理 ES6/7 等，还需要配置 vue-loader 处理.vue

文件；通过 plugins 配置插件，常用的插件有（见下面）；还需要通过 devServer（端口，代理，

historyApiFallback，刷新浏览器等）配置开发服务器，配合使用 webpack-dev-server。还有一

些杂项可以通过 resolve 来配置（别名，去掉扩展名等）.

5.React Hooks 是什么，有什么好处，常用的 Hook 有哪些？

答：Hooks 是 React 16.8 中的新添加内容。它们允许在不编写类的情况下使用 state 和其他

React 特性。使用 Hooks，可以从组件中提取有状态逻辑，这样就可以独立地测试和重用它。Hooks

允许咱们在不改变组件层次结构的情况下重用有状态逻辑，这样在许多组件之间或与社区共享

Hooks 变得很容易。

Hooks 支持提取和重用跨多个组件通用的状态逻辑，而无需承担高阶组件或 render

props 。简单说就是 Hook 可以更加方便的重用状态和逻辑。

useState,useEffect,useRef,useReducer,useMemo,useCallback,useContext

6.Vue 中计算属性包含哪些特点？它与 watch 的区别

答：主要是三个特点：

VS 方法 能够缓存数据

VS watch 能监听多个属性

计算属性有 get，还有 set

总结：计算属性通常用来监听表单的改变（商品费用的总价钱，上楼费）

缺点：计算属性的函数体内部的最外层必须有 return ，在函数体内部不能做异步。

如果需要监听某一个属性，做异步，此时需要使用 watch 来监听