
Vue
庆幸程序
记录项目实战、学习笔记、经验技巧等,共同努力进步加油!!!
展开
-
安装node出现的因权限过高无法安装插件的问题
前言:安装node的教程:https://www.cnblogs.com/xinaixia/p/8279015.html正文:若出现博主的上述问题,建议打开nodejs的文件夹,右键,然后点击属性,讲user的属性设置为管理员权限。具体链接如下:https://blog.youkuaiyun.com/weixin_41217541/article/details/104105600...原创 2021-10-02 18:29:50 · 270 阅读 · 0 评论 -
git下载项目依赖的心得
题外话也是正文 :最终解决我每次下载项目依赖报错的步骤(共同开发):1、项目下先创建新分支,然后在上面有用vscode直接打开的选项,然后再选择一个文件夹,然后再切换到我的新分支下,最后再npm install。(最后,祝我好运)2、下载依赖时,可能会遇到很多问题,他人的方法不一定是最适合你的(使用git管理工具,git clone下载源文件的地址)3、问题来了?如果只是学习新项目,不参与项目开发,一般情况下,直接“下载”该项目,然后npm install安装依赖就能成功!你有什么心得,也可以在下面原创 2021-09-30 10:32:47 · 1645 阅读 · 0 评论 -
vue/html日期与时间戳互相转换
前言:在element-ui 的时间选择器里选择时间(为标准模式)1、将日期转换为指定的样式 如X年X月X日星期Xconsole.log(this.enableValue)// 将当前的时间处理为2021-9-24格式var date1 = new Date(this.enableValue);// 利用Date对象,拼接一个想要的时间字符串,如 2021年 9月 9日 星期四var year = date1.getFullYear()var month = date1.getMonth(.原创 2021-09-24 13:24:59 · 5775 阅读 · 0 评论 -
使用vscode书写三个简单的文件并使用vue
三个最基本的文件分别是:index.html入口页面 app.js页面入口(包含所有的vue页面) style.css样式第一个最重要的文件index.htmlvue项目的入口页面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue CDN</title> <!-- 导入vue ,引入js --> <.原创 2021-09-22 23:43:40 · 201 阅读 · 0 评论 -
vue级联选择器相关学习
v-model :表示被选中的参数(是一个数组);:options :表示 下拉框中显示的数据(从后端获取);expand-trigger :表示怎么触发,现在是移入触发选择器:props : 表示绑定的对象(这里需要和后端联系到一起)见右图!value : 表示 被选中上传的idlabel :表示 在选中框中看到的内容children: 表示的是后端数据库中子节点的对象名;chearable :表示 是否有删除按钮chang-on-select : 选择器中会有一个当选框,是否可以选中当转载 2021-09-16 13:12:03 · 1288 阅读 · 0 评论 -
vue后台返回的数据与接收后处理数据
引言:当后端给前端返回字符串格式,现需要用到object对象形式,需要进行转换处理在这里this.c = JSON.parse(this.displayLayout) this.displayLayout是字符串格式,转换后,成为object格式!注意:当后台的数据直接复制黏贴到本地时,会变成object格式。但是当我们接收后台数据,若是用到object对象格式,一定要作转换处理!!后台传来的数据,数据类型是string本地复制黏贴后台的数据,数据类型是object...原创 2021-09-14 09:10:42 · 5609 阅读 · 1 评论 -
vue-cli的安装过程(简单)
第一步,安装npm和node.js第二步,打开cmd,因npm的仓库服务器地址在国外,国内访问会很慢,我们把镜像源设置为国内后下载会更快,使用以下命令。npm install -g cnpm --registry=https://registry.npm.taobao.org第三步,然后再切换到相应的版本下第四步,创建项目名,第五步,选择默认模式进行配置Please pick a preset: 请选择一个预设:default (babel, eslint) 默认值(babel、esl原创 2021-09-13 20:39:48 · 708 阅读 · 0 评论 -
组件间的数据共享(父与子之间的交互)
文章目录一、组件之间的关系1-1父子组件之间的数据共享一、组件之间的关系项目开发中,组件中最常见的关系:父子关系、兄弟关系、后代关系(不常用)注意:只要嵌套,就有父子关系1-1父子组件之间的数据共享1、父向子共享数据,需要使用自定义属性并写相关数据。子组件通过自定义属性接收/声明数据,再使用。实例代码显示如下...原创 2021-09-02 19:03:46 · 312 阅读 · 2 评论 -
Vue中引入echarts
二者的区别(精简)全局引入echarts并使用1、在main.js中添加// 导入echarts(最新)import * as echarts from 'echarts'; // 并设置对应的属性Vue.prototype.$echarts = echarts; 2、在需要使用的组件中var myChart = this.$echarts.init(this.$refs.chart);3、注意,图表的名字要和在template中定义的一致,都是chart <di原创 2021-07-19 18:49:02 · 5382 阅读 · 2 评论 -
VueCLI学习--安装+创建项目
文章目录安装CLI创建项目启动项目代码工具使用方法安装插件安装CLI前提,先安装node.js以及npm,然后打开cmd,输入下列代码查看vue的版本,然后选择对应的安装代码(分为新版本和旧版本)这里是vue3版本之上的安装步骤C:\Users\Administrator>vue --version@vue/cli 4.5.13查看node的版本,已安装node.jsC:\Users\Administrator>node -vv14.17.3安装CLIC:\Users原创 2021-07-13 15:59:14 · 446 阅读 · 4 评论