vue3
文章平均质量分 73
俗世凡人行
你若盛开,蝴蝶自来;
你若精彩,天自安排.
展开
-
24~vuex
应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,如果您的应用够简单,您最好不要使用。为了组件和仓库之间的关系。将会成为自然而然的选择。它把组件与组件之间的关系。原创 2023-10-13 16:38:33 · 88 阅读 · 0 评论 -
23~vue中http请求
ES6原生fetch请求, Axios数据请求(项目中一般都用这个,而且还要再次封装)原创 2023-09-20 17:35:29 · 236 阅读 · 0 评论 -
22~vue-如何进行状态管理
状态管理, 就是对多个组件之间一些共同需要的数据,进行统一管理原创 2023-09-20 00:28:17 · 69 阅读 · 0 评论 -
21~vue-router的使用
vue-router的使用原创 2023-09-15 16:51:18 · 133 阅读 · 0 评论 -
20~vue组合式API的使用setup
组合式API的使用setup原创 2023-09-13 00:15:37 · 54 阅读 · 0 评论 -
19~vue祖先组件跨级传值(Provide和Inject)给后代组件
祖先组件跨级传值(Provide和Inject)给后代组件原创 2023-09-12 00:07:29 · 155 阅读 · 0 评论 -
18~vue插槽、具名插槽、备用内容、作用域插槽
插槽的基本使用,具名插槽, 作用域插槽,父级模版中的所有内容都是在父级作用域中编译的; 子模版里的所有内容都是在子作用域中编译的。备用内容就是插槽的默认值, 父组件没有提供数据时, 默认显示的插槽内容。作用域插槽: 父组件替换插槽的标签, 但是数据由子组件提供原创 2023-09-11 01:51:39 · 86 阅读 · 0 评论 -
17~vue组件之间的访问
vue组件之间的访问, 父组件访问子组件用 $refs; 子组件访问父组件用$parent,但一般很少用, 子组件访问根组件用$root原创 2023-09-11 01:20:21 · 57 阅读 · 0 评论 -
16~vue组件之间的传值,父传子,子传父
prop父组件向子组件传递数据; 通过父组件监听子组件自定义事件,实现子组件向父组件传递数据。原创 2023-09-10 22:43:47 · 100 阅读 · 0 评论 -
15~vue组件的基本使用
data配置的 介绍, vue组件的基本使用, 组件使用的三个步骤, import引入组件, components里面注册组件, 最后在需要的地方使用组件标签; 组件也有层级, 有父组件,子组件, 可以随意相互嵌套,引入使用原创 2023-09-10 11:20:42 · 58 阅读 · 0 评论 -
14~vue中表单输入绑定v-model
v-model原理, v-model表单控件的基本使用, v-model的3个修饰符原创 2023-09-10 01:31:19 · 615 阅读 · 0 评论 -
13~vue中监听事件v-on
监听事件v-on,缩写@, 如果需要获取事件对象, 传递参数的情况下, 模版中需要`$event`把当前的事件对象传过去; 事件修饰符常用的有.stop 阻止事件冒泡, .prevent阻止默认行为, .once只触发一次回调; 还有常见的按键修饰符原创 2023-09-09 22:46:06 · 675 阅读 · 0 评论 -
12~vue中数组更新检测
push() ,pop() , shift(), unshift(), splice(),sort(),reverse()这些方法都会直接触发视图更新原创 2023-09-09 16:22:11 · 228 阅读 · 0 评论 -
11~vue中列表渲染v-for
v-for遍历对象, 语法结构为: v-for="item in items", 其中特别注意, 必须加key,`key` 唯一标识, 快速找到`DOM`节点, 减少渲染次数, 提升渲染性能。原创 2023-09-09 15:12:59 · 101 阅读 · 0 评论 -
10~vue中条件渲染
当我们频繁的切换状态的时候, 使用`v-show`会更好一些; 当运行时,条件很少改变,或者是一次性的渲染, 使用`v-if`会更佳。`v-show`只是css的隐藏和现实, `v-if` 是页面的创建和销毁。原创 2023-09-09 01:21:03 · 37 阅读 · 0 评论 -
09~vue中Class和Style绑定
绑定class和内联样式style, 常用的都是绑定对象的语法; 注意css的属性名, 可以用驼峰式,比如fontSize或者短横线分割,记得用引号括起来原创 2023-09-08 23:53:20 · 167 阅读 · 0 评论 -
08~vue中侦听器(监听器)watch
watch侦听器, 如果侦听的元素多多个层级, 要监听到元素变化, 就要开启深度侦听; deep参数为true时, 表示开启深度侦听; immediate参数为true时, 表示初始化的时候调用handler函数; 当使用字符串时, 比如'user.name', 表示只深度侦听user里面的name元素原创 2023-09-08 22:39:09 · 179 阅读 · 0 评论 -
07~vue中计算属性computed的getter和setter
每一个计算属性中都有一个getter和setter,当调用计算属性的时候, 就会自动调用getter这个方法,计算属性一般是没有setter方法,计算属性是只读属性,一般不会更改这个计算属性原创 2023-09-08 20:18:03 · 228 阅读 · 0 评论 -
06~vue中data选项以及计算属性和方法的区别
计算属性优于方法的地方在于: 计算属性只要依赖值不变, 就不会重新计算, 不管调用多少次, 都只计算一次; 方法的话, 虽然同样可以实现想要的效果, 但多次调用, 会执行很多次原创 2023-09-08 16:54:32 · 293 阅读 · 0 评论 -
05~vue的模版语法
插值语法; v-once指令, 一次性插值;v-html让内容以html的形式显示; v-bind语法糖为:,属性绑定; v-on事件监听,语法糖为@;模板中如果方法比较简单, 直接可以用js表达式; 动态属性,包括动态绑定属性和动态绑定事件原创 2023-09-08 00:42:56 · 34 阅读 · 0 评论 -
04~vue入口文件main.js分析
组件实例的所有属性(property), 无论如果定义, 都可以在组件的模板中访问。App.vue是根组件, ,当我们挂载应用时,根组件被用作渲染的起点。原创 2023-09-07 23:05:18 · 93 阅读 · 0 评论 -
03~vue声明式渲染
vue声明式渲染, 只要在export default 里面导出了, 暴露给模板, 然后模版里面就可以直接使用了原创 2023-09-07 22:42:35 · 28 阅读 · 0 评论 -
02~使用Vite安装Vue项目
Vite安装Vue项目,目录结构介绍以及基本的npm指令原创 2023-09-07 01:46:35 · 104 阅读 · 0 评论 -
01~Vue的CDN安装和初体验
Vue的CDN安装和初体验原创 2023-09-07 01:22:03 · 102 阅读 · 0 评论