vue面试题|[2025-1-10]

1.vue和jquery的区别是什么？

1.原理不同

        vue就是数据绑定；jq是先获取dom再处理

2.着重点不同

        vue是数据驱动，jq是着重于页面

3.操作不同

4.未来发展不同

2.vuex的响应式处理

vuex是vue的状态管理工具

vue中可以直接触发methods中的方法，vuex是不可以的。处理异步，当触发事件的时候，会通过dispatch来访问actions中的方法，actions中的commit会触发mutations中的方法从而修改state里的值，通过getter把数据更新到视图。

Vue.use(vuex),调用install方法，通过applyMixin(vue)在任意组件内执行this.$store就可以访问到store对象。

vuex的state是响应式的，借助的就是vue的data，把state存到vue实例组件的data中。

3.vue中的遍历方法有哪些？

1.普通遍历，对象.forEach()

        arr.forEach(function(item,index,arr){

                console.log(item,index)

        })

2.对元素统一操作 对象.map()

        var newarr = arr.map(function(item){

                return item + 1

        })

3.查找符合条件的元素 对象.filter()

        arr.filter(function(item) {

                if(item > 2){

                        return false

                } else{

                        return true

                }

        })

4.查找符合条件的元素，返回索引 对象.findindex()

        arr.findindex(function(item){

                if(item>1){

                        return true

                } else{

                        return false

                }

        })

对象.evening()  遇到不符合的对象就会停止

对象.some()     找到符合条件的元素就会停止

4.如何搭建脚手架？

下载：node  cnpm  webpack  vue-cli

       

5.如何封装一个组件？

1.使用Vue.extend()创建一个组件

2.使用Vue.components()方法注册组件

3.如果子组件需要数据，可以在props中接收定义

4.子组件修改好数据，要把数据传递给父组件，可以用emit()方法

原则：

        把功能拆开

        尽量让组件原子化，一个组件做一件事情

        容器组件管数据，展示组件管视图