基础和指令 组件 Vue Router Pina Axios 基础和指令
-
v-for指令通过key管理状态
Vue当 Vue 正在更新使用 v-for 渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。
小萝卜 2024-03-09 【 Vue 】 浏览 94
详情查看 -
v-for指令遍历对象
Vue你也可以使用 v-for 来遍历一个对象的所有属性。遍历的顺序会基于对该对象调用 Object.keys() 的返回值来决定。
小萝卜 2024-03-09 【 Vue 】 浏览 96
详情查看 -
vue的列表渲染指令v-for
Vue我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,其中 items 是源数据的数组,而 item 是迭代项的别名
小萝卜 2024-03-09 【 Vue 】 浏览 81
详情查看 -
vue的条件渲染指令v-if、v-else-if、v-else、v-show
Vuevue的条件渲染指令v-if、v-else-if、v-else、v-show
小萝卜 2024-03-08 【 Vue 】 浏览 76
详情查看 -
vue使用 JavaScript 表达式绑定文本及属性
Vue在 Vue 模板内,JavaScript 表达式可以被使用在如下场景上: 在文本插值中 (双大括号) 在任何 Vue 指令 (以 v- 开头的特殊 attribute) attribute 的值中
小萝卜 2024-03-08 【 Vue 】 浏览 80
详情查看 -
vue属性绑定指令v-bind
Vuev-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined,那么该 attribute 将会从渲染的元素上移除。
小萝卜 2024-03-08 【 Vue 】 浏览 92
详情查看 -
Vue模板语法
VueVue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。
小萝卜 2024-03-08 【 Vue 】 浏览 86
详情查看 -
创建 Vue 应用实例
Vue每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例:我们传入 createApp 的对象实际上是一个组件,每个应用都需要一个“根组件”,其他组件将作为其子组件。
2024-03-08 【 Vue 】 浏览 79
详情查看 -
通过 CDN引入远程vue的js文件 使用 Vue
Vue这里我们使用了 unpkg,但你也可以使用任何提供 npm 包服务的 CDN,例如 jsdelivr 或 cdnjs。当然,你也可以下载此文件并自行提供服务。
小萝卜 2024-03-08 【 Vue 】 浏览 96
详情查看 -
使用vue cli脚手架创建vue应用
Vue需要安装node.js
小萝卜 2024-03-08 【 Vue 】 浏览 75
详情查看 -
使用node命令创建vue应用项目
Vue前提条件 熟悉命令行 已安装 18.0 或更高版本的 Node.js
小萝卜 2024-03-08 【 Vue 】 浏览 98
详情查看 -
vue的API风格--选项式API和组合式API介绍
vueVue 的组件可以按两种不同的风格书写:选项式 API 和组合式 API。
小萝卜 2024-03-08 【 Vue 】 浏览 89
详情查看