Vue3
文章平均质量分 67
Waverly 不虞
这个作者很懒,什么都没留下…
展开
-
创建Vue3工程
1、首先需要安装好node.js,可以通过输入cmd打开命令提示符,输入node查看,如果有node版本则说明有node环境,如果没有,去官网安装即可,安装之后重启电脑。官方文档指路:https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application。## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上。## 是否添加pinia环境。## 是否添加JSX支持。## 是否添加路由环境。## 是否添加单元测试。原创 2024-05-13 10:30:00 · 252 阅读 · 0 评论 -
2.1 路由介绍及其使用
Vue-Router 其实就是帮助你根据不同的 url 来展示不同的页面(组件),建议单独用 config 目录(文件夹)来集中放置路由文件。ps:有些组件库可能自带了和 Vue-Router 的整合,所以尽量先看组件文档、省去自己写的时间。原创 2024-05-30 09:02:55 · 458 阅读 · 0 评论 -
1.11 Vue核心语法之【标签的 ref 属性】
在前面,我们学习了组合式 API 中使用,现在我们又要学习一个ref,只不过这次的,它允许我们在一个特定的 DOM 元素或子组件实例被挂载后,获得对它的直接引用。原创 2024-05-16 19:37:14 · 313 阅读 · 0 评论 -
1.10 Vue3核心语法之【watchEffect】
官网解释:立即运行一个函数,同时响应式地追踪其依赖,并在依赖更改时重新执行该函数。watch都能监听响应式数据的变化,不同的是监听数据变化的方式不同watch:要明确指出监视的数据不用明确指出监视的数据(函数中用到哪些属性,那就监视哪些属性)。原创 2024-05-16 14:00:00 · 105 阅读 · 0 评论 -
1.9 Vue核心语法之【watch】
在组合式 API 中,我们可以使用在每次响应式状态发生变化时触发回调函数。举个例子,可以使用watch函数监视孩子的年龄增长到18岁时将其认为是成年人。作用:监视数据的变化(和Vue2中的watch作用一致)Vue3中的watch只能监视以下①ref定义的数据。②reactive定义的数据。③函数返回一个值(getter函数)。④一个包含上述内容的数组。老规矩,用watch的时候记得在import里面引入。原创 2024-05-16 09:30:36 · 1439 阅读 · 0 评论 -
1.8 Vue3核心语法之【computed】计算属性
作用:根据已有数据计算出新数据(和Vue2中的computed作用一致)。原创 2024-05-15 23:30:21 · 251 阅读 · 0 评论 -
解读Vue3工程里的文件夹
如果vite/client处标红,有可能是目录中没有node_modules文件夹,也就是没有依赖,选中env.d.ts文件夹在集成终端中打开输入npm i 命令安装所有的依赖,安装完成后关掉vscode重新再打开即可。它记录了每个依赖项的精确版本号,以确保在不同的环境下构建项目时使用的是相同的依赖版本。四、index.html入口文件,是Vue项目的初始页面,其中定义了页面的基本结构和引入必要的资源文件,以便启动Vue应用程序。其中的components,存放组件,相当于枝叶,里面也是存放.vue文件。原创 2024-05-13 10:45:00 · 446 阅读 · 0 评论 -
初识Vue3
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套编程模型,帮助你高效地开发用户界面。:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。原创 2024-05-13 10:00:00 · 277 阅读 · 0 评论