随笔 - 81  文章 - 0  评论 - 0  阅读 - 7151 

随笔分类 -  Vue

Vue3
摘要:一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version 阅读全文
posted @ 2023-07-13 18:28 晨曦生辉耀匕尖 编辑
vue-router
摘要:路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 1.基本使用 1. 安装vue-router,命令:npm i vue-router 2. 应用插件:Vue.use(VueRou 阅读全文
posted @ 2023-07-12 22:41 晨曦生辉耀匕尖 编辑
vuex
摘要:1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2.何时使用? 多个组件需要共享数据时 3.搭建vuex环境 1、创建文件:src/store/index.js //引入V 阅读全文
posted @ 2023-07-09 20:56 晨曦生辉耀匕尖 编辑
Vue脚手架及ajax
摘要:脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 阅读全文
posted @ 2023-07-09 09:37 晨曦生辉耀匕尖 编辑
Vue组件化编程
摘要:一、非单文件组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>非单文件组件</title> 6 <script src="js/vue.js"></script> 7 </head> 阅读全文
posted @ 2023-07-08 15:39 晨曦生辉耀匕尖 编辑
Vue2基础(二)
摘要:十一、列表渲染 1、列表渲染 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>列表渲染</title> 6 <script src="js/vue.js"></script> 7 </he 阅读全文
posted @ 2023-07-08 15:28 晨曦生辉耀匕尖 编辑
Vue2基础(一)
摘要:一、初识Vue 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>初识Vue</title> 6 <script type="text/javascript" src="js/vue.js" 阅读全文
posted @ 2023-07-08 15:15 晨曦生辉耀匕尖 编辑

点击右上角即可分享
微信分享提示