1、vue优点
答:vue轻量级框架,只关注视图层,易于理解学习;双向数据绑定,数据操作方面简单;
组件化操作,保留 react 的优点,实现了 html 的封装和重用;
采用虚拟 DOM 操作,dom 操作非常耗性能,不使用原生的 dom 操作节点,运行速度更快,相比 react 就性能,vue 优势很大
2、vue 父组件传递数据
答:通过 props ;
3、子组件向父组件传递事件
答:$emit("事件",值) 方法触发;
4、兄弟组件之间传值
答:组件 A 通过 $emit("事件","值") 传递;
组件 B 通过 this.$on("事件","message" =>{do somsing});
这样 A 组件就可以将数据传递给 B 兄弟组件
5、v-show 和 v-if 指令不同点和相同点
答:相同点是都可以控制元素的隐藏和显示
不同点是本质方法不同,v-show 是通过控制 css 中的 display 设置为 none 控制隐藏,只会编译一次;
v-if 是动态想DOM 树中添加元素或者删除 DOM 元素,若初始值是 false ,就不会编译,且v-if 经常创建和销毁比较消耗性能;
建议:频繁切换某个节点,建议使用 v-show ,初始化渲染某节点建议使用 v-if ;
6、css 样式只在当前组件中起作用
答: 在样式<style> 标签中增加 scoped 例<style scoped></style>;
7、获取 dom
答:组件的 属性 ref="DOM" domName = this.$refs.DOM ;
8、vue 中常用的指令
答:v-model 双向绑定数据;
v-for 循环;
v-if 、v-show 隐藏于显示;
v-on 绑定事件;
v-onve 只绑定一次;
9、标签中 key 的作用
答:vue 中需要 key 来给每个节点做唯一标识, diff 算法就可以正确识别此节点,主要为了高效更新虚拟 dom ;
10、axios
答:后台资源请求模块;npm install axios --save 模块安装;
通过 import axios from 'axios' 引入;
export const getRole = (params) =>{ axios.get('/api/addRole',{params}) .then(res =>{ console.log('成功:',res)}) .catch(e =>{console.log("败:",e)})}
11、vue 生命周期
答:1、beforeCreate 和 created
网友评论