![](https://img-blog.csdnimg.cn/48343d38a4d04662a3cf452fc5ed50a9.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 53
Vue
小木荣
这个人在摆烂。。。
展开
-
vue3 传值
先npm i mitt,然后创建文件夹和文件A、B组件。原创 2023-05-27 22:30:08 · 137 阅读 · 0 评论 -
Vue UI组件库
常用UI 组件库移动端常用UI组件库:1.vant2.Cube UI3.Mint UI4.https://nutui.jd.com/#/PC端常用UI组件库:1.Element UI2.IView UI这里主要介绍 element-ui 的使用安装:npm i element-ui 一、全部引入src/main.jsimport ElementUI from 'element-ui' // 导入全部组件import 'element-ui/lib/theme-chalk/原创 2022-05-14 12:46:22 · 765 阅读 · 0 评论 -
Vue 路由
一个路由就是一组映射关系(key - value)key为路径,value为函数或者组件(VueComponents)路由组件放在 src/pages/ 下,路由配置放在 src/router/index.js 下npm i vue-routerimport VueRouter from ‘vue-router’Vue.use(VueRouter)...原创 2022-05-13 15:57:27 · 280 阅读 · 0 评论 -
vue vuex(数据共享)
一、概念 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。二、vuex工作原理图:原创 2022-05-12 20:34:17 · 391 阅读 · 0 评论 -
vue slot插槽
插槽:样式既可以放入父组件也可以放入子组件子组件 ></ 中 插入内容slot 要插入的位置配置子组件:components: { Category }默认插槽// 父组件 <category> <h2>提示</h2> <h4>slot插入到demo: 当只有一个卡槽且没有name属性时不用slot属性</h4></category>// 子组件 category<slot&原创 2022-05-12 21:15:35 · 209 阅读 · 0 评论 -
vue 生命周期
生命周期就是指一个对象的生老病死。在Vue中,生命周期是指Vue实例对象从创建之初到销毁的过程。在vue的创建,使用,销毁过程中,会有许多事件,这些事件就被统称为生命周期函数,也叫作生命周期钩子。前八个:创建、挂载、更新、销毁beforeCreate: function(){} 可简写 beforeCreate(){}createdbeforeMounte★ mountedbeforeUpdateupdated★ beforeDestroyDestroyed后三个(不常用)原创 2022-05-12 19:46:05 · 190 阅读 · 0 评论 -
Vue 内置指令
v-bind:eg: v-bind:class=“className”className 不会当作字符串解析,会被当做变量解析v-model:value数据双向绑定,一般用于表单元素 input,checkboxselect等ps: v-model 默认绑定value,可以简写: v-model=“”<div id="root"> <!-- @submit.prevent 提交时默认阻止原事件 --> <form @subm原创 2022-05-12 19:02:54 · 164 阅读 · 0 评论 -
Vue CLI(脚手架)
Vue 脚手架是 Vue 官方提供的标准化开发工具初始化1.全局安装 npm i @vue/cli -g2.打开cmd,cd到桌面:输入 vue create vue_test(vue_test是根文件夹名)3.显示如下,选择Vue2或者Vue34.等待完成(打开根目录,如下图),在创建的根目录用vscode打开vue_test:.文件目录├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html:.原创 2022-05-13 12:48:12 · 866 阅读 · 0 评论