摘要：
打包编译 不管我们使用的是vue-cli还是vite进行项目构建和管理，将来要进行项目的部署迁移到外网服务器时，都是需要使用打包后的项目代码，打包后的代码会进行压缩，并且只需要运行在http服务器下面即可。我们一般在公司里面往往使用nginx来运行打包后的web前端项目。 # vite的打包命令 v 阅读全文
posted @ 2025-03-14 02:26
minger_lcm
阅读(173)
评论(0)
推荐(0)
摘要：
# 路由 路由(Router)是一种关系，是绑定了应用程序(页面组件)和url访问地址的一对一的映射关系。 在前端开发像vue这类的框架中，我们所听到的路由通常就是指代了帮开发者完成路由关系绑定的工具类/对象。 vue开发中，我们前端项目可以通过安装vue-router插件，方便的实现类似服务端的路 阅读全文
posted @ 2025-03-14 02:26
minger_lcm
阅读(106)
评论(0)
推荐(0)
摘要：
默认情况下，vue中并没有对ajax进行封装的，所以我们需要下载安装第三方httpajax工具包 axios。 官方文档：https://axios-http.com/zh/docs/intro 在项目**根目录**下打开终端，使用 npm或者yarn安装包 # npm install axios 阅读全文
posted @ 2025-03-14 02:26
minger_lcm
阅读(157)
评论(0)
推荐(0)
摘要：
# 组合式API Vue3.0在原来2.0版本基础上进行升级的时候，进行语法上的扩展与兼容。 快速使用 src/views/Group.vue，代码： <script setup> import {reactive} from "vue"; //students:[] ,//学生数据 let stu 阅读全文
posted @ 2025-03-14 02:25
minger_lcm
阅读(43)
评论(0)
推荐(0)
摘要：
# 单文件组件的使用 在vue等前端项目中，如果要导包引入其他文件内容，有三种格式内容可以被导入，分别是css、js、vue。src/App.vue，代码： <script setup> // 前端导入其他文件内容[css/js/vue] import "./style.css" import se 阅读全文
posted @ 2025-03-14 02:25
minger_lcm
阅读(143)
评论(0)
推荐(0)
摘要：
项目构建工具 在前端开发中, 前端开发人员为了方便快速生成和管理项目,一般都会使用一些项目构建工具来辅助开发，而我们接下来要学习的单文件组件则必须依赖于项目构建工具所生成的运行环境才能完成这块的学习。目前来说，vue开发中一般常用的项目构建工具无非2个：vue-cli和vite2这2款最多人使用。 阅读全文
posted @ 2025-03-14 02:24
minger_lcm
阅读(130)
评论(0)
推荐(0)
摘要：
脚本化组件[component] 组件（Component）是自定义封装代码的功能。在前端开发过程中，经常出现多个网页的功能是重复的，而且很多不同的页面之间，也存在同样的功能。 而在网页中实现一个功能，需要使用html定义功能的内容结构，使用css声明功能的外观样式，还要使用js来定义功能的特效，因 阅读全文
posted @ 2025-03-14 02:24
minger_lcm
阅读(91)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>todolist</title> <style> .list_con{ width:600px; margin:50px auto 0; } .inputtxt 阅读全文
posted @ 2025-03-14 02:24
minger_lcm
阅读(32)
评论(0)
推荐(0)
摘要：
Vm对象提供的选项API 所谓的选项API就是在实例化vm对象时，往createApp中传递进行选项参数，例如，我们已经使用过的data或者methods就是选项api。 3.1 过滤器 Vue3.0已经被淘汰了过滤器这个选项，所以我们这里使用2.6.11版本来完成代码的编写。 过滤器，就是vue允 阅读全文
posted @ 2025-03-14 02:24
minger_lcm
阅读(59)
评论(0)
推荐(0)
摘要：
vue的常用指令 指令 (Directives) 是带有“v-”前缀的特殊属性，由vue提供的。每一个指令在vue中都有固定的作用。 在vue中提供了很多指令，常用的有：{{变量名}},v-if、v-model、v-for、v-html、@事件名或:属性名=等等。 指令会在vm对象的data选项数据 阅读全文
posted @ 2025-03-14 02:23
minger_lcm
阅读(77)
评论(0)
推荐(0)
摘要：
vue.js库的下载 vue.js是目前前端web开发最流行的工具库/框架，由尤雨溪在2014年2月发布的。 另外几个常见的工具库：react.js、vue.js、angular.js、jQuery 官方网站：https://cn.vuejs.org/ 官方文档：https://v3.cn.vuej 阅读全文
posted @ 2025-03-14 02:23
minger_lcm
阅读(265)
评论(0)
推荐(0)
摘要：
vue3 vue.js的快速入门使用 vue3 vue的常用指令 vue3 Vm对象提供的选项API vue3 综合案例-todolist vue3 组件化开发 vue3 项目构建工具 vue3 单文件组件的使用 vue3 组合式API vue3 axios vue3 路由组件 vue3 项目编译打 阅读全文
posted @ 2025-03-14 02:22
minger_lcm
阅读(15)
评论(0)
推荐(0)
浙公网安备 33010602011771号