huiyii - 博客园

2023年7月10日

摘要： Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库安装和使用安装 npm install element-plus --save 使用：按需导入，只打包使用到的组件安装插件 unplugin-vue-components 和 unplugin-au 阅读全文

posted @ 2023-07-10 19:29 huiyii 阅读(136) 评论(0) 推荐(0) 编辑

vue（九）vue3新特性

摘要： vue3六大亮点：性能比Vue2强可以将无用模块去掉，仅打包需要的组合API 碎片（fragment），portal传送门（teleport），悬念（suspense）更好的TS支持暴露了自定义渲染API setup() 在setup函数中声明对象，代替data()。ref声明简单对象，r 阅读全文

posted @ 2023-07-10 19:26 huiyii 阅读(48) 评论(0) 推荐(0) 编辑

vue（八）状态管理vuex

摘要：安装和使用 Vuex是一个专门为vue.js应用程序开发的状态管理模式 + 库，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和阅读全文

posted @ 2023-07-10 19:19 huiyii 阅读(28) 评论(0) 推荐(0) 编辑

2023年7月6日

vue（七）路由 vue-router

摘要：安装和使用通过vue-router路由管理页面之间的关系，是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis 阅读全文

posted @ 2023-07-06 20:26 huiyii 阅读(50) 评论(0) 推荐(0) 编辑

vue（六）网络请求Axios

摘要： Axios Axios是一个基于promise的网络请求库，安装npm install --save axios 局部引入：组件中引入import axios from "axios" 全局引入：main.js中引入，并挂载 // 在main.js中全局引入 import axios from "a 阅读全文

posted @ 2023-07-06 20:11 huiyii 阅读(116) 评论(0) 推荐(0) 编辑

vue（五）CSS样式添加

摘要： Vue 具有三种样式化应用程序的方法：外部 CSS 文件。单文件组件（.vue 文件）中的全局样式。单文件组件中组件范围的样式。外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad 阅读全文

posted @ 2023-07-06 19:59 huiyii 阅读(169) 评论(0) 推荐(0) 编辑

vue（四）组件交互

摘要： Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接阅读全文

posted @ 2023-07-06 19:55 huiyii 阅读(18) 评论(0) 推荐(0) 编辑

2023年7月5日

vue（三）模板语法

摘要： {{}} 数据绑定最常见的形式就是使用Mustache {{}}（双大括号）语法的文本插值 {{}} 还接受单个表达式，如加减运算、三元运算等。一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" 阅读全文

posted @ 2023-07-05 20:24 huiyii 阅读(6) 评论(0) 推荐(0) 编辑

vue（二）vue组件

摘要：组件基础单文件组件在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候，Vue 却反其道行之。使用单文件组件，Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具（例如 Webpack）处理，这意味着你可以使用构建时工具。你可阅读全文

posted @ 2023-07-05 20:08 huiyii 阅读(18) 评论(0) 推荐(0) 编辑

vue（一）vue项目结构

摘要：安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件：vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。阅读全文

posted @ 2023-07-05 19:50 huiyii 阅读(19) 评论(0) 推荐(0) 编辑

yjh1995

公告