
vue
文章平均质量分 53
vue开发问题
请叫我小一
这个作者很懒,什么都没留下…
展开
-
Vue template 解析生成真实dom过程
vue的模版编译过程主要如下:template -> ast -> render函数 -> 虚拟DOM -> 真实DOM读取模板:Vue 会读取 HTML 模板并将其转换为字符串。解析模板:Vue 使用编译器将字符串模板转换为抽象语法树(AST),其中包含模板中的每个元素和它们的属性。生成 render 函数:Vue 使用抽象语法树生成 render 函数。原创 2023-02-15 10:01:00 · 10323 阅读 · 0 评论 -
面试官-为什么v-if和v-for不能同时使用
先回怼,v-if和v-for可以同时使用!但是只是建议不要同时用!原创 2023-02-17 11:20:28 · 332 阅读 · 0 评论 -
面试官-你真的懂computed原理?(源码解读)
要理解 computed 的工作原理,只需要理解下面4个特性- 特性1:computed默认不执行(因为 lazy 的原因,在新建watcher实例的时候,会将 watcher.value 赋值为 undefined,而不会立马进行计算。- 特性2:取值的时候,computed里面的方法会被执行。原创 2022-12-28 11:04:21 · 15415 阅读 · 1 评论 -
Vue报错:Avoid using non-primitive value as key, use string/number value instead
报错的意思是 不要用对象或是数组作为key,用string或value作为key。意思是:避免使用非基本值作为键,而是使用字符串/数字值。原创 2022-10-17 15:36:13 · 8673 阅读 · 0 评论 -
vue中各选项及钩子函数执行顺序
在页面首次加载执行顺序有如下:beforeCreate //在实例初始化之后、创建之前执行 created //实例创建后执行 beforeMounted //在挂载开始之前调用 filters //挂载前加载过滤器 computed //计算属性 directives-bind //只调用一次,在指令第一次绑定到元素时调用 directives-inserted //被绑定元素插入父节点时调用 activated //keek-alive组件被激活时调用,则在keep-aliv...转载 2021-02-04 10:25:50 · 1176 阅读 · 1 评论 -
vue加载时文件的执行顺序
首先vue会找到webpack的打包配置文件。在build/webpack.base.conf.js下:在这里,定义了vue的程序入口文件 执行index.html文件 执行main.js文件 main.js挂载了app.vue文件,用app.vue的templete替换index.html中的 main.js中注入了路由文件,将对应的组件渲染到router-view中 router-view中加载Layout文件 Layout 加载Navbar, Sidebar, AppMain...转载 2021-02-04 10:24:44 · 1928 阅读 · 0 评论 -
vue中的 nextTick 和 $nextTick 区别
vm.nextTick(callback):当数据发生变化,更新后执行回调。 ==>>在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOMvm.$nextTick(callback):当dom发生变化,更新后执行的回调。 ==>>将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。注意:这两个方法没有太大的不同。区别在于:vm.nextTick(ca...转载 2020-09-04 14:35:40 · 1931 阅读 · 0 评论