vue组件化(1)

最新推荐文章于 2024-05-16 13:30:42 发布

2401_84446712

最新推荐文章于 2024-05-16 13:30:42 发布

阅读量223

点赞数 5

分类专栏：程序员文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/2401_84446712/article/details/138315181

版权

程序员专栏收录该内容

162 篇文章 0 订阅

订阅专栏

const app2 = new Vue({

el: ‘#app2’,

data: {

message:‘你好’

methods: {

}

});

在这里插入图片描述

5.2、局部组件

在这里插入图片描述

6、父组件与子组件

========================================================================

6.1、父子组件的写法

Document

在这里插入图片描述

6.2、父子组件的错误用法

在这里插入图片描述

6.3、注册组件的语法糖写法

在这里插入图片描述

注册全局组件语法糖写法

在这里插入图片描述

注册局部组件语法糖写法

在这里插入图片描述

Document

在这里插入图片描述

7、组件模板抽离的两种写法

============================================================================

在这里插入图片描述

Document

标题

内容

在这里插入图片描述

8、组件可以访问vue实例吗

=============================================================================

在这里插入图片描述

9、组件数据的存放

========================================================================

Document

内容

在这里插入图片描述

10、为什么组件data必须是函数

================================================================================

10.1、不是函数的情况

组件data不是函数的情况，代码如下。当点击了页面任何一个按钮，其他两个组件也会受到影响。

在这里插入图片描述

在这里插入图片描述当data不是函数时：

在这里插入图片描述可以看如下函数的创建过程：

在这里插入图片描述

10.2、是函数的情况

data是函数的情况，点击按钮时，只会影响该组加，不会影响其他区组件。

在这里插入图片描述

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…

算法

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

冒泡排序
选择排序
快速排序
二叉树查找: 最大值、最小值、固定值
二叉树遍历
二叉树的最大深度
给予链表中的任一节点，把它删除掉
链表倒叙
如何判断一个单链表有环
给定一个有序数组，找出两个数相加为一个目标数
…

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+评论666

d 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…
[外链图片转存中…(img-ispQfUw5-1714376367254)]