Vue
思维小刀
这个作者很懒,什么都没留下…
展开
-
Vue进行格式化时间Y-m-d h:m:s
getTime(date) { //格式化时间 Y-m-d h:m:s let _date = new Date(date*1000); let year = _date.getFullYear(); let month = _date.getMonth() + 1; let day = _date.getDate(); let h = _date.getHours(); let mm = _date.getMinutes(); let s = _..原创 2021-03-26 15:33:49 · 962 阅读 · 0 评论 -
Vue的模板字符串${}用法
var a = 1;console.log('一共有'+a+'个鸡蛋!')使用模板字符串console.log(`一共有${a}个鸡蛋!`)原创 2021-03-17 13:38:11 · 1896 阅读 · 0 评论 -
Vue组件之间相互传值的方式
Vue组件之间相互传值的方式原创 2021-02-25 15:13:50 · 287 阅读 · 0 评论 -
Vue中ref的用法:获取DOM 父获取子数据 父使用子方法 子调用父方法
获取本页面dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTest() {原创 2021-01-26 13:44:58 · 2596 阅读 · 0 评论 -
Vue的报错Echarts Cannot read property ‘init‘ of undefined
直接import echarts from 'echarts’时也会报错所以后面修改了引入时的写法import * as echarts from 'echarts'原创 2020-12-16 18:04:00 · 1767 阅读 · 4 评论 -
Vue电商后台B站的项目需要的材料 密码等
https://www.bilibili.com/video/BV1EE411B7SU?p=22运行前端vue ui运行后端node app.js用户密码【admin 123456】admin$2y$10$sZlpZNoLAnoD1DtYO9REAODCPkpMb5bwl4oMzrMvJa83k9BY3KRwq原创 2020-11-25 11:31:07 · 936 阅读 · 0 评论 -
Vue中splice的使用:删除 替换 添加
解释splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)index:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空删除//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c','d']; var a原创 2020-11-04 13:41:35 · 2769 阅读 · 1 评论 -
Vue的axios与ajax的区别:axios是对ajax的封装
分析axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。代码axios({ url: '/getUsers', method: 'get', responseType: 'json', // 默认的 data: { //'a': 1, //'b': 2, }}).then(function (resp原创 2020-09-24 16:59:11 · 1301 阅读 · 0 评论 -
Vue与jQuery的区别:数据绑定
数据绑定:Vue双向绑定;jQuery进行的获取 使用val()函数之类的原创 2020-09-21 10:39:48 · 269 阅读 · 0 评论 -
promise在promise情况下进行使用async与await
Vue在promise情况下进行使用async与await原创 2020-09-17 15:46:50 · 1221 阅读 · 0 评论 -
Vue中的箭头函数=>目的是用来简化函数的写法的分为三部分:被赋值的变量 传入的参数 返回的数据
对于多个参数:省略函数体的方法复杂写法(参数1, 参数2, …, 参数N) => { 函数声明 }var f = (num1, num2) => { return num1*num2 };console.log(f(3, 4)); // 12简约写法(参数1, 参数2, …, 参数N) => 表达式(单一)var f = (num1, num2) => num1*num2;console.log(f(3, 4)); // 12..原创 2020-09-17 15:12:01 · 1373 阅读 · 0 评论 -
Vue使用全局样式,页面没有发生变化:逗号是中文的,引起错误,样式不变化 也没有报错就是不起作用
因为html后面的逗号是中文符号的,不是英文符号的/*全局样式表*/html,body,#app { height: 100%; margin: 0; padding: 0;}原创 2020-09-16 17:01:57 · 424 阅读 · 0 评论 -
Vue报错Module not found: Error: Can‘t resolve ‘less-loader‘
npm install less less-loader --save-dev原创 2020-09-16 16:39:07 · 1051 阅读 · 0 评论 -
Vue报错bash: vue: command not found或者vue ui没有反应:官方修改成新的命令了
$ npm uninstall vue-cli -gremoved 236 packages in 4.988s$ npm install -g @vue/clinpm WARN deprecated @hapi/joi@15.1.1: This version has been deprecated and is no longer supported or maintainednpm WARN deprecated request@2.88.2: request has been de...原创 2020-09-11 16:43:18 · 1227 阅读 · 0 评论 -
Vue绑定数据v-bind缩写:字段名 双向绑定v-model缩写:model 监听动作v-on缩写@ 记住:与数据相关用冒号 与动作相关用@
:是v-bind缩写:数据同步v-bind指令可以用于响应式地更新 HTML 特性:<spanv-bind:title="message">@是指令v-on缩写 :动作监听v-on指令,它用于监听 DOM 事件<form v-on:submit.prevent="onSubmit">...</form>.修饰符:动作具体化修饰符 (Modifiers) 是以半角句号.指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。例如.pr...原创 2020-09-17 11:05:43 · 12813 阅读 · 1 评论 -
Vue运行vue ui报错npm WARN deprecated core-js@2.6.11: core-js@
安装 vue/clinpm install -g @vue/cli运行脚手架vue ui原创 2020-03-10 00:08:26 · 3176 阅读 · 0 评论 -
Vue安装npm长时间停留WARN deprecated request@2.88.2: request has been deprecated
配置淘宝镜像npm config set registry https://registry.npm.taobao.org配置完成后检验是否成功npm config get registry重新安装npm install nrm -g查看所用的镜像nrm ls...原创 2020-03-10 00:03:45 · 24092 阅读 · 4 评论 -
Vue的阻止冒泡与阻止默认
说明1.event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向document上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开,2.event.preventDefault()方法这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素;3.return fals...原创 2019-08-31 21:28:39 · 3751 阅读 · 1 评论