1、vue使用的是什么模式？请具体介绍下这种模式
答：渐进模式，采用mvm的模式
model(模型层)
view(视图层)?
延伸问题：什么是渐进式?
答：先使用vue核心库，再根据你需要的功能增加相应的插件。
?2、数据渲染有几种方式 有什么区别？
答：{{}}==v-text 不可以加标签， 会当成字符串可以给你解析
? ? ? ?v-html 可以加标签 等于js中当innerHTML
3、v-if和v-show有什么区别，切换时组件触发那些生命周期的钩子函数？
答：v-if控制答是dom的创建和销毁 会触发生命周期 显示：创建 挂载? 隐藏：销毁
? ? ? v-show控制的是dom的display属性 显示和隐藏 不会触发生命周期钩子函数
?4、v-if和v-for为什么不建议混合使用？
答：渲染dom时会重复出现一个创建和销毁v-for的优先级要比v-if高
?5、vue中如何自定义指令（全局和局部）
答：vue中的自定义指令是directive
全局:需要写到main.js里??
例子：
vue.directive('color',function(ele,obj){
if(obj.value%2==0){
ele.style.background='red';
}else{
ele.style.background='blue';
})
局部:
directive:{
color:function(ele,obj){
ele.style.background='skyblue';
}
}
6、vue中常用到指令有哪些？?
答：v-text:等于js中答text属性
? ? ? v-html等于js中答innerHTML属性
? ? ?v-show等于css中display属性
? ??? v-if等于js中的分支语句
? ? ?v-else-if多练式等于js中的switch开关语句
? ? v-else配合v-if使用 否则不起任何作用，
? ? v-on主要用来监听dom事件
? ? v-bind用来动态绑定一个或者多个特性，常用于动态绑定class和style。
? ? v-for用于便利数据渲染
? ?v-model用于表单上的双向绑定
? ?v-slot 插槽
??
?7、计算属性和实例方法有什么区别？
答：计算属性存在缓存不能传参，实例方法不存在缓存可以传参
8、你用过哪些v-model修饰符？?
答：.lazy 文本框失去焦点后在更新数据
? ? ? .trim 清除前后空格
? ? ? .number 从字符串中获取数字?
9、你用过哪些事件修饰符？?
答:stop阻止事件冒泡
? ? ?once 一次性事件
? ? self 阻止事件冒泡和事件捕获
? ?captrue 事件铺货阶段触发
? prevent 阻止浏览器默认行为
?native 原生事件?
10、父子组件怎么样实现通讯？?
答:
父传子 ：
父组件：<myobj :arr='arr'></myobj>?//传输
子组件:props ['arr'] //接受
子传父：
子组件：this.$emit('子组件事件名',参数) //通过打电话
父组件 <myobj @子组件事件名='父组件事件名'></myobj>
11、vue中怎么实现组件之间的嵌套？?
答：组件之间的嵌套使用，可以借助插槽，让插槽接受子组件的内容?
12、vue中怎么样操作dom??
答： ref='bos'
this.$refs.bos?
13、vue怎样监听数据变化，怎样监听一个对象属性变化？?
答：watch 深度监听 ，deep：true?
14、vue中生命周期钩子函数有哪些，请写出语法？?
答：创建前：beforeCreate? ? ? ? ?创建后：Created
? ? ? ? 挂载前：beforeMount? ? ? ? ? 挂载后：mounted
? ? ? ? 更新前：beforeUpdate? ? ? ? ?更新后：updated
? ? ? ?销毁前：beforeDestroy? ? ? ? ?销毁后：destroyed?
15、创建和挂载之间的区别?
答：创建之后可以访问数据可以访问，但是不能操作dom
? ? ? ?挂载之后可以访问数据，也可以操作dom?
16、keep-alive组件有什么作用？?
答：缓存页面，动态组件，router-view?
17、vue实现双向数据绑定的原理是什么？?
答：Object.defineProperty
18、路由显示区域和路由跳转分别是什么组件?？
?答：显示 <router-view></router-view>? ? 跳转 <router-link tag='标签'? to='路由配置路径'></router-link>
19、vue-router有哪几种导航钩子 分别是什么？?
答：前置router beforeEach
? ? ? ?后置router afterEach?
20、路由懒加载怎么实现，有什么意义？?
答：let add=resolve=>require(['路径']，resolve)?
? ? ? 打开这个页面得时候就会加载，没打开得时候不加载，这样能保证页面的流畅
21、vue项目性能优化？?
答：减少对服务器对请求
? ? ? v-if和v-show选择调用
? ? 为item设置key值
? ?减少watch的数据
? ?keep-alive 缓存
?路由懒加载
webpack打包压缩代码?
22、$route和$router有什么区别？?
答：$route是路由信息对象
? ? ? $router是路由实例方法?
23、什么情况会使用到vuex? vue有哪些核心属性??
答：state==基本数据
? ? ? ?getters==计算属性
? ? ?mutations==提交数的方法
? ?actions==异步
? ? modules==模块化?
|