文章分类 - Vue3 / Vue3 入门
摘要：# 集成 Typescript # 集成 Typescript 后定义组件的方式 集成 ts 后请确保组件的 script 部分已将语言设置为 TypeScript ```js ``` 要让 TypeScript 正确推断 Vue 组件选项中的类型，需要使用 defineComponent 全局方法
阅读全文
摘要：Composition API 也叫组合式 API ，是 Vue 3.x 的新特性。 通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而，我们的经验已经证明，光靠这一点可能是不够的，尤其是当你的应用程序
阅读全文
摘要：# 模版语法 ## 文本插值 最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法 (即双大括号) ```html Message: {{ msg }} ``` ## 原始 HTML 双大括号会将数据解释为纯文本，而不是 HTML 。若想插入 HTML ，你需要使用 v-html 指令
阅读全文
摘要：# 模版引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。 使用原生 js 访问 ```vue 人员登记系统 姓名： 获取表单的内容 ``` 我们也可以使用特殊的 ref attribute ```vue 人员登记系统
阅读全文
摘要：# 基本实现 示例 ```vue Vue 实现 TodoList 正在进行 {{ item.title }} 删除 --> {{ item.title }} 删除 已经完成 {{ item.title }} 删除 {{ list }} ``` # 使用 localStorage 实现缓存 1. sr
阅读全文
摘要：1. 安装 sass-loader node-sass ``` npm install -D sass ``` 2. style 中配置 sass | scss lang 可以配置 scss ```html ``` 3. 示例 传统写法 ```html ``` sass | scss 写法 ```h
阅读全文
摘要：# 监听事件 # 内联事件处理器 # 方法事件处理器 ## 方法与内联事件判断 模板编译器会通过检查 v-on 的值是否是合法的 JavaScript 标识符或属性访问路径来断定是何种形式的事件处理器。举例来说，foo、foo.bar 和 foo['bar'] 会被视为方法事件处理器，而 foo()
阅读全文
摘要：Vue 专门为 class 和 style 的 v-bind 用法提供了特殊的功能增强。除了字符串外，表达式的值也可以是对象或数组。 # 绑定 HTML class ## 绑定字符串 示例 ```vue ``` ## 绑定对象 我们可以给 :class (v-bind:class 的缩写) 传递一个
阅读全文
浙公网安备 33010602011771号