html引入多个js文件_vue.js面试中常问知识点整理

     id="app">
     type="text" id="txt">
     id="show">

4.Vue组件之间的参数传递

1.父组件与子组件之间传值

父组件传递给子组件：子组件通过props方法接收数据；

子组件传递给父组件：$emit方法传递参数

2.非父子组件之间的数据传递、兄弟组件之间的值传递

，就是创建一个事件中心，相当于一个中转站，可以用来传递事件，也可以用来接收事件。如果项目比较小的话，这个比较合适（虽然很多人推荐直接使用VUEX，但这要看需求，技术只是手段，达到目的才是王道）。

5.Vue的路由实现：hash模式和模式

哈希模式：在浏览器中，符号“#”、#以及#后面的字符称为哈希，用..hash读取。特点：虽然hash在URL中，但不包含在HTTP请求中；它用于指导浏览器操作，对服务器端安全无用。哈希不会重新加载页面。

模式：采用HTML5新特性；并提供了两个新方法：()、()可以修改浏览器历史堆栈并监听状态变化的事件。

6.Vue 和 React 有什么区别？

版本不断更新，以下差异可能不正确。我工作中只使用vue，对react不是很熟悉。

1. 和 的区别

相似点：都支持指令：内置指令和自定义指令；均支持过滤器：内置过滤器和自定义过滤器；两者都支持双向数据绑定；两者都不支持低端浏览器。

区别：学习成本较高，比如添加功能，而Vue.js本身提供的API相对简单直观；性能方面，依赖于数据的脏检查，所以越多，速度越慢； Vue.js 使用基于 观察的依赖关系，并使用异步队列更新，所有数据都是独立触发的。

2. 与React的区别

相似点：React 使用特殊的 JSX 语法，Vue.js 也建议在组件开发中编写 .vue 特殊文件格式。文件内容有一些约定。两者都需要编译使用；中心思想是相同的：一切都是组件。 ，组件实例可以嵌套；两者都提供了合理的钩子函数，允许开发者定制自己的需求；它们没有内置AJAX、Route等功能到核心包中，而是作为插件加载；在组件开发中支持的功能。

区别：React使用的DOM会对渲染结果进行脏检查； Vue.js在模板中提供了指令、过滤器等，可以非常方便快捷地操作DOM。

7.vue路由的hook函数

首页可以控制导航跳转等，一般用于修改页面标题。某些重定向功能需要登录才能调整页面。

8.vuex是什么？如何使用？哪些功能场景使用它？

仅用于读取的状态集中在store中；改变状态的方式是提交，这是一个同步的事情；异步逻辑应该封装在其中。

将store引入main.js并注入。创建了一个新的目录存储，...。

场景包括：单页应用中，组件之间的状态、音乐播放、登录状态、添加到购物车

state：Vuex 使用单一状态树，即每个应用程序只会包含一个 store 实例，但单一状态树与模块化并不冲突。无法直接修改存储的数据状态。

：定义的方法动态修改Vuex存储中的状态或数据。

：类似vue的计算属性，主要用来过滤一些数据。

：可以理解为将处理数据的方法改为可以异步处理数据的方法。简单来说，就是异步操作数据。视图层通过store进行分发。

const store = new Vuex.Store({ //store实例
      state: {
         count: 0
             },
      mutations: {                
         increment (state) {
          state.count++
         }
          },
      actions: { 
         increment (context) {
          context.commit('increment')
   }
 }
})

：当项目特别复杂时，每个模块可以有自己的状态，，，，使得结构非常清晰，易于管理。

const moduleA = {
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
 }
const moduleB = {
  state: { ... },
  mutations: { ... },
  actions: { ... }
 }
const store = new Vuex.Store({
  modules: {
    a: moduleA,
    b: moduleB
})

9.其他小知识点

1.CSS仅作用于当前组件

答：直接写在style标签里即可，例如：

2. v-if和v-show的区别

答：v-if根据条件渲染，v-show为block或none；

3.$route和$的区别

答：$route是一个“路由信息对象”，包括path、hash、query、、name等路由信息参数。而$是“路由实例”对象，其中包括路由跳转方法、钩子函数等。

PS：缺失的案例代码将在未来几天内添加。有些地方可能描述得不够清楚。如果有任何歧义，我可能误解了。