文章 2023-04-24 来自:开发者社区

Vue学习笔记(十) Vue Router

1、简介Vue Router 是 Vue.js 的官方路由管理器,在官方文档中描述的功能包括:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 history 模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为这里,还是先附上官方文档的链接:https:....

文章 2023-04-24 来自:开发者社区

Vue学习笔记(八) 组件进阶

1、插槽(1)插槽内容像 HTML 元素一样,我们常常需要给组件传递内容比如在下面的例子中,我们给自定义组件 prompt-info 传入 出错啦 的文本<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://cdn.jsdeli...

文章 2023-04-24 来自:开发者社区

Vue学习笔记(七) 组件

0、入门在正式开始讲解组件之前,我们先来看一个简单的例子:<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </head>...

文章 2023-04-24 来自:开发者社区

Vue学习笔记(六) 表单输入绑定

v-model 指令在表单元素上创建双向数据绑定,它负责用于监听用户输入事件以更新数据注意,v-model 会忽略所有表单元素特性的初始值,而总是将 Vue 实例的数据作为数据来源1、输入框<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="...

文章 2023-04-24 来自:开发者社区

Vue学习笔记(五) 样式绑定和事件处理

1、样式绑定class 和 style 属性都可以控制元素的显示样式,我们可以使用 v-bind 指令对它们进行绑定(1)绑定 class对象语法我们可以将一个对象传给 v-bind:class,它将根据传入对象的值动态切换 class<!DOCTYPE html> <html> <head> <title>Demo</title&g....

文章 2023-04-24 来自:开发者社区

Vue学习笔记(四) 条件渲染和列表渲染

1、条件渲染(1)v-ifv-if 指令 用于条件性(根据表达式的值)渲染内容,可以与 v-else 指令 和 v-else-if 指令 一同使用<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://cdn.jsdelivr.n...

文章 2023-04-24 来自:开发者社区

Vue学习笔记(三) 计算属性和侦听属性

1、计算属性(computed)(1)计算属性模板的设计初衷是为了处理简单的逻辑(声明式逻辑),在模板中加入过多的逻辑会使模板难以阅读和维护<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://unpkg.com/vue/dis...

文章 2023-04-24 来自:开发者社区

Vue学习笔记(二) 模板语法

Vue 使用基于 HTML 的模板语法,允许开发者将 DOM 绑定到底层 Vue 实例的数据而在底层实现上,Vue 将模板编译成虚拟 DOM 渲染函数结合响应系统,Vue 可以计算出最少需要重新渲染多少组件,把 DOM 操作减到最少1、插值(1)普通文本使用 v-text 指令,更新元素的 textContent<!DOCTYPE html> <html> <hea....

文章 2023-04-24 来自:开发者社区

Vue学习笔记(一) 入门

1、安装(1)通过 &lt;script&gt; 引入在学习过程中,可以使用最新的版本:&lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;在开发环境中,最好使用明确的版本(2.6.10 是目前最新的稳定版):&lt;script src="https://cdn.jsdelivr.net/npm/vue@2.6....

文章 2023-01-18 来自:开发者社区

Vue学习笔记与常用操作(二)

路由vue-router 的理解在2022年2月,默认版本都是,vue-router4,只能在vue3中使用npm i vue-router //默认 npm i vue-router@3 //降级vue 的一个插件库,专门用来实现 SPA 应用对 SPA 应用的理解单页 Web 应用(single page web application,SPA)。整个应用只有一个完整的页面。点击页面...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注