![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 63
vue
05431
永远在学习的路上
展开
-
vue-router 的常见用法
vue-router 的常见用法1. 路由重定向路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面。通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向:2. 嵌套路由通过路由实现组件的嵌套展示,叫做嵌套路由。2.1 声明子路由链接和子路由占位符在 About.vue 组件中,声明 tab1 和 tab2 的子路由链接以及子路由占位符。示例代码如下:2.2 通过 children 属性声明子路由规则在原创 2021-10-09 19:47:11 · 490 阅读 · 0 评论 -
vue-router 的基本使用
vue-router 的基本使用1. 什么是 vue-routervue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项中组件的切换。vue-router 的官方文档地址:https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1 在项目中安装 vue-router在 vue2原创 2021-10-09 19:21:10 · 194 阅读 · 0 评论 -
前端路由的概念与原理
前端路由router的概念与原理1. 什么是路由路由(英文:router)就是对应关系。2. SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。结论:在 SPA 项目中,不同功能之间的切换,要依赖于前端路由来完成!3. 什么是前端路由通俗易懂的概念:Hash 地址与组件之间的对应关系。4. 前端路由的工作方式① 用户点击了页面上的路由链接② 导致了 URL 地原创 2021-10-09 18:45:35 · 1391 阅读 · 0 评论 -
vue-cli
1. 什么是单页面应用程序单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。2. 什么是 vue-clivue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。引用自 vue-cli 官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。中文官原创 2021-10-07 21:49:23 · 87 阅读 · 0 评论 -
vue 组件
1. 什么是组件化开发组件化开发指的是:根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护。2. vue 中的组件化开发vue 是一个支持组件化开发的前端框架。vue 中规定:组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件。3. vue 组件的三个组成部分每个 .vue 组件都由 3 部分构成,分别是:template -> 组件的模板结构script -> 组件的 JavaScript 行为原创 2021-10-07 20:51:59 · 315 阅读 · 0 评论 -
Vue指令
vue 指令1. 内容渲染指令v-text 指令的缺点:会覆盖元素内部原有的内容!{{ }} 插值表达式:在实际开发中用的最多,只是内容的占位符,不会覆盖原有的内容!v-html 指令的作用:可以把带有标签的字符串,渲染成真正的 HTML 内容!2. 属性绑定指令注意:插值表达式只能用在元素的内容节点中,不能用在元素的属性节点中!在 vue 中,可以使用 v-bind: 指令,为元素的属性动态绑定值;简写是英文的 :在使用 v-bind 属性绑定期间,如果绑定内容需要进行动态拼接,则原创 2021-10-04 08:21:05 · 74 阅读 · 0 评论 -
loader调用过程
原创 2021-10-03 22:25:58 · 98 阅读 · 0 评论 -
v-if和v-show的区别
在切换 v-if 块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if也是惰性的:如果在初始渲染时条件为假,则什么也不做——在条件第一次变为真时才开始局部编译(编译会被缓存起来)。 相比之下,v-show简单得多——元素始终被编译并保留,只是简单地基于 CSS 切换。 一般来说,v-if 有更高的切换消耗而 v-show有更高的初始渲染消耗。因此,.原创 2021-05-17 19:07:28 · 72 阅读 · 0 评论