Vue3
文章平均质量分 53
小小程序员——Tracy
你说 程序员是青春饭吗?
展开
-
Tracy 小笔记 Vue - Vuex
Vuex存储全局变量的,并且这个变量可以实现响应式更新 Vuex 使用单一状态树(Single Source of Truth: 也可叫单一数据源)来管理应用层的全部状态 一般什么情况下应用? 用戶的登入状态 用户名称、头像、地理位置等信息 商品的收藏、购物车中的物品 它是一个插件,因此需要安装 npm install vuex 它要存在 src 下的 store 文件夹 index.js 文件 import Vue from 'vue'import Vuex from 'v原创 2021-07-26 16:25:20 · 362 阅读 · 0 评论 -
Tracy vue3 小笔记 - template 数据访问顺序
相同变量名的时候, 展示顺序如下 setup > data > computed。原因可查看 Vue 中的源代码,它是一个 if else 语句的一个判断。原创 2022-09-30 12:33:59 · 377 阅读 · 0 评论 -
Tracy vue3 小笔记 3 基础模板语法
methods 中 为何不能使用箭头函数。原创 2022-09-29 21:29:44 · 285 阅读 · 0 评论 -
Tracy vue3 小笔记 2 - 和 Vue 2 的区别汇总
vue2和vue3的区别原创 2022-08-06 16:48:45 · 175 阅读 · 0 评论 -
setup 中响应式数据的两种实现方法 & reactive API, ref,ReadOnly
我们通过reactive或者ref可以获取到一个响应式的对象,但是某些情况下,我们传入给其他地方(组件)的这个 响应式对象希望在另外一个地方(组件)被使用,但是不能被修改,这个时候如何防止这种情况的出现呢?readonly会返回原生对象的只读代理(也就是它依然是一个Proxy,这是一个proxy的set方法被劫持,并且不 能对其进行修改);注意 传递给子组件父组件等的数据,也需要是响应式的才能联动。但是经过readonly处理的原来的对象是允许被修改的;readonly返回的对象都是不允许修改的;.....原创 2022-08-06 15:51:05 · 436 阅读 · 0 评论 -
Reactive判断的API,toRef & toRefs,ref其他的API,customRef
isProxy检查对象是否是由reactive或readonly创建的proxy。isReactive检查对象是否是由reactive创建的响应式代理如果该代理是readonly建的,但包裹了由reactive创建的另一个代理,它也会返回true;isReadonly检查对象是否是由readonly创建的只读代理。toRaw返回reactive或readonly代理的原始对象(不建议保留对原始对象的持久引用。请谨慎使用)。...原创 2022-07-31 16:34:23 · 174 阅读 · 0 评论 -
Composition API (setup)&& Options API
Options API的一大特点就是在对应的属性中编写对应的功能模块;p比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变,也包括生命 周期钩子当我们实现某一个功能时,这个功能对应的代码逻辑会被拆分到各个属性中;当我们组件变得更大、更复杂时,逻辑关注点的列表就会增长,那么同一个功能的逻辑就会被拆分的很分散;尤其对于那些一开始没有编写这些组件的人来说,这个组件的代码是难以阅读和理解的(阅读组件的其他人);...原创 2022-08-06 15:52:06 · 286 阅读 · 0 评论 -
Vue 3 动画
vue 3 动画原创 2022-07-23 12:32:45 · 1855 阅读 · 0 评论 -
Tracy vue3 小笔记 1 - 如何使用 VUE, MVC, MVVM, Template, Vue 源码
那么安装和使用Vue这个JavaScript库有哪些方式呢?方式一:在页面中通过CDN的方式来引入;方式二:下载Vue的JavaScript文件,并且自己手动引入;方式三:通过npm包管理工具安装使用它(webpack再讲);方式四:直接通过Vue CLI创建项目,并且使用它Demo code <div id="app"> <h2>Hello World</h2> </div> <script src="https原创 2021-12-13 15:42:40 · 667 阅读 · 1 评论