1.vue基本知识
1.1 基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。
1.2 Vue 的两个核心功能:
1.2.1 声明式渲染
Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。
1.2.2 响应性
Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。
2.渐进式框架
渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分;一开始不需要你完全掌握它的全部功能特性,可以后续逐步增加功能;vue不是强主张。
使用Angular,必须接受以下东西
(1)必须使用它的模块机制
(2)必须使用它的依赖注入
(3)必须使用它的特殊形式定义组件
使用React,必须理解
(1)函数式编程的理念
(2)需要知道它的副作用
(3)什么是纯函数
(4)如何隔离、避免副作用
3.单文件组件
使用一种类似 HTML 格式的文件来书写 Vue 组件,它被称为单文件组件 (也被称为 *.vue 文件)。Vue 的单文件组件会将一个组件的逻辑 (JavaScript),模板 (HTML) 和样式 (CSS) 封装在同一个文件里。
4.API风格
选项式API(常用),组合式API
5.Vue使用
在 HTML 页面中引入 Vue 的依赖文件:
<script src="https://cdn.jsdelivr.net/npm/vue@3.4.14/dist/vue.global.min.js"></script>
6.vue指令
6.1内容绑定,事件绑定
v-text,v-html,v-on
6.2显示切换,属性绑定
v-show,v-if,v-bind
6.3列表循环,表单元素绑定
v-for,v-on,v-model
7.模板语法
7.1表达式 Vue.js 提供了完全的 JavaScript 表达式支持。在 Vue.js 中,可以在模板中直接使用 JavaScript 表达式,包括变量、操作符、函数等。这使得可以更加灵活地控制 DOM 的行为和数据绑定。
7.2Vue 为两个最为常用的指令提供了特别的缩写
v-bind:href :href v-on:click @click
8.组件
组件可以扩展 HTML 元素,封装可重用的代码。
8.1全局组件
通过 component 全局注册
8.2局部组件
先定义组件,然后在 components 选项中定义想要使用的组件
组件上使用class
自定义组件上使用 class 属性时,这些 class 将被添加到该元素中。此元素上的现有 class 将不会被覆盖。
问题回答:
请简述开发环境和生产环境的区别
开发环境是为了支持软件的开发和调试,而生产环境则是为了可靠地提供最终用户的服务。开发环境中可以进行快速迭代和实验,而生产环境中强调的是稳定性和安全性。
1.开发环境是开发人员在本地电脑上搭建的环境,用于进行代码编写、调试和测试。
2.开发环境通常包括开发工具、数据库、服务器等,配置比较随意,为了方便开发调试,一般会打开全部错误报告和测试工具。
3.生产环境是用于软件正式运行的环境,通常是在一个或多个服务器上搭建的环境。
生产环境通常包括生产数据库、生产服务器、负载均衡器等,用于提供正式的服务。
4.生产环境的配置通常比较严格,一般会关掉错误报告,打开错误日志,以保证系统的稳定性和安全性。
5.开发环境用于开发和测试,生产环境用于正式运行软件。在软件开发过程中,需要按照一定的流程进行代码开发和测试,确保软件在生产环境中能够稳定、安全地运行。
请简述 {{}} , v-text ,t-html ,v-model 的区别
{{}}、v-text和v-model都是用于数据绑定的指令
{{}}主要用于简单的文本插值;
v-text用于操作纯文本并支持逻辑运算;
v-model则用于表单输入和应用状态之间的双向绑定。
v-html则用于输出HTML,它可以解析并渲染复杂的HTML结构。
全局注册组件和局部注册组件的差异?分别的使用场景?
全局注册的组件可以在任何Vue实例中使用,这意味着一旦在全局范围内注册了一个组件,可以在应用的任何地方使用它。
局部注册的组件只能在特定的Vue实例的作用域内使用,也就是说它们只能在注册它们的Vue实例内部被引用和使用。
请简述计算属性和监听属性的区别
计算属性是一种基于依赖进行缓存的属性。只有在相关响应式依赖发生改变时才会重新求值。这使得计算属性非常适合处理复杂逻辑和避免重复操作。在定义计算属性时,可以在其中定义一个或多个函数(即getter),用以实现所需的逻辑。
监听属性允许在数据变化时执行特定的操作。当被监听的属性发生变化时,会执行一个回调函数。这个回调函数可以接收两个参数:最新的值和输入之前的值。监听属性非常适合在数据变化时执行异步操作或触发其他相关属性的更新。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。