vue.js基础知识点、语法、例子
文章平均质量分 83
vue.js相关知识、例子,适用于初学
大奎子
程序猿那么可爱
展开
-
Vue3.2 特性——<script setup> 和 <style> v-bind
Vue3.2 新特性详解——<script setup> 和 <style> v-bind原创 2022-10-12 16:07:14 · 253 阅读 · 0 评论 -
vuex ——介绍、安装、基本使用
vuex ——介绍、安装、基本使用。state(获取仓库store中的数据);mutation(清楚地跟踪到数据的改变);getters(认为是store中的计算属性);actions(可以发送异步请求);module(模块分割)。mapState 辅助函数,对象展开运算符。原创 2022-10-06 20:59:26 · 1485 阅读 · 0 评论 -
Vue3——如何进行状态管理、如何获取数据、通过 proxy 解决跨域问题
在 Vue3 中 如何 不用 vuex 来进行状态管理。使用 fetch 获取数据,使用 axios 获取数据。vite 通过 proxy 解决跨域问题。原创 2022-10-05 20:58:06 · 1820 阅读 · 0 评论 -
Vue Router 的使用(三)
导航守卫:全局前置守卫、路由独享的守卫、组件内的守卫。路由懒加载原创 2022-10-05 15:26:20 · 165 阅读 · 0 评论 -
Vue Router 的使用(二)
编程式导航:导航到不同的位置、替换当前位置、横跨历史。命名路由。命名视图。重定向和别。路由组件传参:布尔模式、命名视图、对象模式、函数模式。不同的历史记录模式:Hash 模式、HTML5 模式、服务器配置实例。原创 2022-10-05 13:10:09 · 450 阅读 · 0 评论 -
Vue Router 的使用(一)
Vue Router 的介绍、引入和安装、基本使用;带参数的动态路由匹配,捕获所有路由或404 Not found 路由。路由的匹配语法;嵌套路由。原创 2022-10-04 16:09:27 · 467 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(八)——组合式API
什么是组合式 API ?组合式 API 基础:setup 组件选项、带 ref 的响应式变量、在 setup 内注册生命周期钩子、watch 响应式更改、独立的 computed 属性、Setup、生命周期钩子、依赖注入:Provide / Inject。Vue 单文件、单文件组件原创 2022-10-03 15:55:25 · 2269 阅读 · 0 评论 -
总结 Vue3 的七种组件通信方式
下边例子全部采用的这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由。下面将总结七种组件通信方式:props、emit、v-model、refs、provide/inject、eventBus、vuex/pinia(状态管理工具)原创 2022-10-01 17:05:34 · 260 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(七)——组件、生命周期
组件基础;组件数据的存放;父子组件之间的数据传递;props、$refs、$parent、$root;插槽,slot 元素;组件之间的跨级通信 Provide / Inject生命周期钩子;生命周期钩子函数;原创 2022-09-26 16:32:56 · 1994 阅读 · 1 评论 -
Vue3.2 新增指令 v-memo 用法详解
Vue3.2 新增指令 v-memo:官方定义、理解,使用场景原创 2022-09-22 19:18:51 · 662 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(六)——表单输入绑定
表单输入绑定:v-model 实现文本、复选框、多选框。修饰符 .lazy .number .trim原创 2022-09-23 15:47:32 · 352 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(五)——事件处理
尽管我们可以直接在方法内调用,但如果方法能更专注于数据逻辑而不用去处理 DOM 事件的细节会更好。可以使用以下系统按键修饰符来触发鼠标或键盘事件监听器,只有当按键被按下时才会触发。) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。在监听键盘事件时,我们经常需要检查特定的按键。除了直接绑定方法名,还可以在内联事件处理器中调用方法。修饰符允许控制触发一个事件所需的确定组合的系统按键修饰符。这些修饰符将处理程序限定为由特定鼠标按键触发的事件。:一个指向组件上定义的方法的属性名或是路径。原创 2022-09-11 21:35:57 · 570 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(四)——条件渲染、列表渲染
Vue 实现了一些巧妙的方法来最大化对 DOM 元素的重用,因此用另一个包含部分重叠对象的数组来做替换,仍会是一种非常高效的操作。当数据项的顺序改变时,Vue 不会随之移动 DOM 元素的顺序,而是就地更新每个元素,确保它们在原本指定的索引位置上渲染。为了给 Vue 一个提示,以便它可以跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的。是一个指令,他必须依附于某个元素。是“真实的”按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建。原创 2022-09-10 23:16:10 · 382 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(三)——Class与Style绑定
数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为class和style都是 attribute,我们可以和其他 attribute 一样使用v-bind将它们和动态的字符串绑定。原创 2022-09-08 22:57:42 · 1952 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(二)——data property、methods、计算属性和侦听器
Data Property和方法;计算属性;侦听器原创 2022-09-06 23:03:14 · 398 阅读 · 0 评论 -
Vue3基础+代码语法+例子大全(一)——应用组件和语法
文本插值,v-html、v-bind等指令,Attribute绑定,使用JavaScript表达式,指令Directives;参数Arguments;修饰符 Modifiers;原创 2022-09-04 18:46:05 · 1493 阅读 · 0 评论