![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 53
vue.js
-王二毛-
学无止境
展开
-
vue2-009——mixin混入
一、基础使用案例1.1、定义混合1.2、引入混合1.2.1、局部混入1.2.2、全局引入二、注意点1、组件和混合有同名变量时,以组件的变量为主2、组件和混合有同名生命周期钩子时,两者都会生效原创 2023-11-26 11:32:15 · 215 阅读 · 0 评论 -
vue2-006——使用脚手架搭建vue2项目+项目结构分析
【代码】vue2-006——使用脚手架搭建vue2项目+项目结构分析。原创 2023-11-25 21:02:26 · 922 阅读 · 0 评论 -
vue005——vue组件入门(非单文件组件和单文件组件)
点我提示学校名原创 2023-11-24 21:31:07 · 429 阅读 · 0 评论 -
vue001——window环境下安装vue.js开发环境
一、npm: Nodejs下的包管理器。打开CMD,检查是否正常再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\node-v16.14.0-x64然后运行以下2条命令npm config set prefix “D:\node-v16.14.0-x64\node_global”npm config set cache “D:\node-v16.14.0-x64\n原创 2022-02-20 17:30:46 · 2044 阅读 · 0 评论 -
vue002——Vue2、Vue3学习笔记
====一、创建新项目1.1、命令行创建1、vue 2vue init webpack vue2进入项目文件夹:cd vue2执行:npm run dev打开浏览器输入:http://localhost:8080/2、vue3创建新项目:vue create test-app进入项目文件夹:cd test-app执行:npm run serve打开浏览器输入:http://localhost:8080/1.2、GUI面板创建vue ui二、模板语法2.1、插值语法{{ me原创 2022-03-02 15:18:30 · 1054 阅读 · 1 评论 -
vue003——vue计算属性computed 和 侦听器watch
vue2计算属性和侦听器原创 2023-03-11 21:48:08 · 411 阅读 · 0 评论 -
vue004——vue生命周期钩子=生命周期函数=生命周期事件
特点1、生命周期函数:在某个时刻会自动执行的函数2、不能使用箭头函数生命周期函数分类一、创建期间的生命周期函数beforeCreate实列创建完成之前,即刚刚创建出来,但还没有完成;此时,data和methods属性还没有初始化好created实例创建完成,data和methods属性创建完成,所以要调用methods中的方法,或data中的数据,最早只能再created中进行此时还没有开始编译模板beforeMount模板编译已经完成,但是还没有挂载到页面,所以页面还是旧的m.原创 2021-05-23 22:41:29 · 152 阅读 · 1 评论 -
vue实现组件通信的5中方式
通信种类1)父组件向子组件通信2)子组件向父组件通信3)隔代组件间通信4)兄弟组件间通信1、props1)通过一般属性实现父向子通信2)通过函数属性实现子向父通信3)缺点:隔代组件和兄弟组件间通信比较麻烦2、vue自定义事件1)vue内置实现,可以代替函数类型的propsa.绑定监听:<MyComp @eventName=“callback”b.触发(分发)事件: this.$emit( “eventName”, data)2)缺点:只适命于子向父通信3、消息订阅与发布1原创 2021-10-25 09:13:18 · 119 阅读 · 0 评论 -
npm的命令
命令作用npm -v查看npm的版本npm version查看所有模块的版本npm search 包名搜索包npm install / i 包名安装包npm remove / r 包名删除包npm install 包名 --save安装包并添加到依赖中npm install下载当前项目所依赖的包npm install 包名 -g全局安装包(全局安装的包一般都是一些工具)...原创 2021-04-15 10:36:41 · 58 阅读 · 0 评论 -
vue插槽 Slots
vue插槽1.默认插槽2.具名插槽3.作用域插槽原创 2023-02-09 15:04:13 · 412 阅读 · 0 评论 -
router-link传递和接受参数
index.js写上。原创 2022-11-03 10:57:53 · 577 阅读 · 0 评论 -
vue 事件同时触发两个函数
这种写法必须加()才可以原创 2022-11-03 10:48:59 · 98 阅读 · 0 评论 -
vue使用moment格式转换日期
vue使用moment格式转换日期。原创 2022-11-03 10:47:27 · 394 阅读 · 0 评论 -
Element-ui的el-select组件使用记录:将el-select放到el-table中页面不更新问题的解决方案
本文主要记录多选操作Element-ui官网参考一、像下面这样直接使用,页面选择下拉列表数据,页面时不会更新的 <!-- 表格区开始 --> <el-table size="mini" :data="tableData" style="width: 98%"> <el-table-column label="select" width="100"> <!-- <template slot-scope="scope"> -->原创 2022-04-04 11:27:12 · 4491 阅读 · 0 评论 -
vue 使用 echarts
echarts官网安装npm install echarts -S全局导入//导入echartsimport * as echarts from ‘echarts’;Vue.prototype.$echarts = echarts使用折线图<template> <!-- 创建id,指定高度和宽度 --> <div id="main" style="width: 500px; height: 400px"></div></tem原创 2022-03-26 13:42:54 · 1137 阅读 · 0 评论 -
spring boot+vue实现excel导入导出
后端使用工具Excel读取-ExcelReader添加依赖<!-- https://mvnrepository.com/artifact/cn.hutool/hutool-all --><dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.20</version原创 2022-03-24 16:00:53 · 3857 阅读 · 2 评论 -
浏览器缓存local storage和session storage
local storagesession storageAPI和上面的一样只是替换对象为sessionStorage就行原创 2022-03-01 10:05:24 · 462 阅读 · 0 评论 -
vuex进一步使用
项目目录vuex核心管理模块store对象的入口文件index.jsmian中引入store文件app.vue引入并使用各组件vue的各个组件调用action的两种方法this.$store.dispatch()或…mapActions()mutation-types.jsaction通过commit()方法调用mutations中的相关方法mutations中的相关方法更新state中的数据statestorageUtils显示页面...原创 2021-05-23 21:52:00 · 54 阅读 · 0 评论 -
Vuex 中使用...mapActions怎么传递自定义参数?
直接上码说明:注释部分为使用this.$store.dispatch(‘medo’,mdo);形式没有注释部分为使用…mapActions形式<template> <div> <!--<button @click="medo()">点我</button>--> <button @click="clickme()">点我</button> </div></template>原创 2021-04-23 20:11:27 · 1160 阅读 · 0 评论 -
Vuex初体验
main.jsimport Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, template: '&..原创 2021-04-23 19:34:17 · 88 阅读 · 0 评论 -
vue键盘修饰符
<input type="text" placeholder="请输入你的任务名称,按回车键确认" v-model="inputTodo" @keyup.enter="add"/>原创 2021-04-23 10:53:59 · 77 阅读 · 0 评论 -
vue.js自定义底部选项卡-使用click事件替代路由切换页面,并修改选中图标字体颜色
一、使用vue-cli脚手架搭建项目,并创建以下文件Home.vue文件<template> <div> {{msg}} </div></template><script>export default { name: 'Home', data () { return { msg: 'Home' } }}</script><style scoped>原创 2021-04-16 23:43:35 · 296 阅读 · 0 评论 -
vue-router路由跳转&路由传参
对于大多数单页面应用,都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router文档 。跳转方式一:声明式导航router-link<router-link :to="需要跳转到的页面的路径"> <router-link :to="home">//路由链接<!--或<router-link :to="{name:'home'}">--> <!--或<router-link :to="{path:'/hom原创 2021-04-13 11:47:52 · 2048 阅读 · 0 评论