提供一個在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标.可以是 CSS 选择器也可以是一个 HTMLElement 实例
created: 实例已经创建完成之后调用,在这一步,实例已经完成数据观测, 属性和方法的运算, watch/event事件回调. 然而, 挂载阶段还没有开始, 替换,并掛载到实例上去之后调用该钩子如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内
总共分为8个阶段创建前/后,载入前/后更新前/后,销毁前/后
答: Vue 实例从创建到销毁的过程,就是生命周期也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期
答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑
答:可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毀后
答:生命周期钩子的一些使用方法:
v-if:判断是否隐藏;v-for:数据循环;v-bind:class:绑定一个属性;v-model:实现双向绑定
当有相同标签名嘚元素切换时需要通过 key 特性设置唯一的值来标记以让 Vue 区分它们,否则 Vue 为了效率只会替换相同标签内部的内容
当 Vue 处理指令时,v-for 比 v-if 具有更高的优先级通过v-if 移动到容器元素,不会再重复遍历列表中的每个值取而代之的是,我们只检查它一次且不会在 v-if 为否的时候运算 v-for。
Vue在 页面上渲染的节点及其子节点称为“虚拟节点 (Virtual Node)”,简写为“VNode”“虚拟 DOM”是由 Vue 组件树建立起来的整个 VNode 树的称呼。
答:assets文件夹是放静态资源;components是放组件;router是定义路由相关的配置;view视图;app.vue是一个应用主组件;main.js是入口文件
今天我们来说说常见的vuevue的面试题題其实这个技术已经出现了几年时间,每个城市的问法也都八九不离十因为vue也就那么些技术,问不出什么太新鲜的东西目前mit()方法来觸发mutations,从而改变state中的值
8、自己怎么封装一个组件?(或者问如果页面有相同的功能块怎么办) 很简单啊,在components文件夹中创建一个 .vue 组件峩们标准命名首字母大写。写上公用的组件和样式内部的值都用动态绑定。并且创建props接收方法即可不过现在的UI库也都特别多,我们一般都直接使用UI库就可以了简单还方便,有不同的地方简单封装一下就可以了。
.vue
9、你们路由都怎么封装的 我们都是使用公司给的框架,vue-cli在创建路由时会直接引入路由组件的,我们只需要在 views 文件夹下创建自己的页面在路由 path 中定义页面路径;写个 name 名称;在 component 中可以用个箭頭函数写上页面的路径即可。并且我们一般会定义一个重定向
views
path
name
component
10、那你们环境都怎么配置的 (虽然说公司都是配置好的,不过也要简单的說说)