vue
Denial_learn
个人博客,以个人实例或技术为主!如有不喜,请勿喷。
展开
-
remote: error: GE007: Your push would publish a private email address.
1.报错信息:2.解决办法:进入自己的giee邮箱设置:点击进入:将上图框起来的,取消掉,再上传就可以了。原创 2022-05-08 16:15:09 · 2378 阅读 · 4 评论 -
fatal: Not a git repository (or any of the parent directories): .git报错解决
报错原因:fatal: Not a git repository (or any of the parent directories): .git即没有.git的目录解决方案:git init原创 2022-05-08 16:04:45 · 741 阅读 · 0 评论 -
创建vue项目(图形化和命令行)
1.进入命令框(windows+R,输入CMD)2. 输入 vue ui,回车如果这里打不开,请看此处:再浏览器中,打开给出的网址,就进入了,本地的vue管理项目:原创 2022-05-07 22:11:48 · 1057 阅读 · 0 评论 -
vue图形化界面打不开的原因
Vue版本低于3.0查看vue版本vue --versionvue -V为什么重新安装还是2.9.6版本的呢?如果遇到本博主一样的情况,请跟着我的步骤来:卸载vue脚手架npm uninstall -g vue-cli再重新安装npm install -g @vue/cli如果安装,特别慢的话,使用淘宝镜像。cnpm install -g @vue/cli这时的vue-cli版本不再是3.0.0之前的版本了...原创 2022-05-06 22:48:45 · 1400 阅读 · 0 评论 -
vue环境
1.node.js安装node.js下载地址选择相对应的安装包下载,无脑安装,就不再进行解说了。2.node.js淘宝镜像版(尽量少用)目的:下载东西比较快。缺点:下载会可能失败。安装命令:// -g 就是全局安装npm install cnpm -g安装到本地地址:C:\Users\dell\AppData\Roaming\npm3. 安装vue-clicnpm install vue-cli -g#测试是否安装成功#查看可以基于那些模板创建vue应用程序vue list原创 2022-05-04 17:30:13 · 746 阅读 · 0 评论 -
解决IDEA新建无法创建vue文件的问题
第一步:安装vue插件发现,安装插件之后还是无法创建vue组件!!!第二步:找到vue模板点击4,复制出vue组件模板底部会出现,一个复制的vue组件模板,将name和模板中的值修改成,(Name为Vue Component,在代码模板中将原 " {COMPONENT_NAME}" 修改为 name: “COMPONENT NAME"修改为name:”{NAME}”)如下图所示:然后点击ok。之后,就在new中可以新建到vue组件了。...原创 2022-05-03 14:29:51 · 1877 阅读 · 0 评论 -
vue之element-ui
注意:命令行都要使用管理员模式运行第一步: 创建vue工程下面处理项目,创建安装依赖等,都是在命令行进行处理。创建一个工程(vue)vue init webpack vue安装依赖,我们需要安装 vue-router 、 element-ui 、 sass-loader 和 node-sass 四个插件//进入工程目录cd vue//安装 Vue-routernpm install vue-router --save-dev//安装 element-ui -snpm i原创 2021-05-18 08:33:44 · 120 阅读 · 0 评论 -
vue之vue-router路由
vue-router简介:Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过度系统的视图过度效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式活 hash 模式,在 IE9 中自动降级自定义的滚动条行为vue-router的安装:vue-router 是安装在项目当中 nod原创 2021-05-13 09:52:33 · 138 阅读 · 0 评论 -
idea下创建vue项目
准备工作:安装 node.js ,下载地址IDEA 安装 vue.js 插件安装 vue-cli 脚手架npm install -g vue-cli第一步:第二步:之后就全部下一步就可以了查看vue的npm命令如果还不清楚,可以查看!博客...原创 2021-05-10 17:01:42 · 112 阅读 · 0 评论 -
vue之Webpack
Webpack作用:Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。简单说:是一款模块加载器兼打包工具,它能把各种资源,如JS、JSX、ES6、SASS、LESS图片等都作为模块来处理和使用。Webpack安装:npm install webpack -gnpm install webpack-cli -g测试安装成功:webpack -vwebpack-cli -vWebpack的配置:创原创 2021-05-10 10:17:19 · 112 阅读 · 0 评论 -
Vue:第一个vue-cli项目
1 什么是vue-clivue-cli 官方提供的一个脚手架,用于快速生成一个vue模板。预定定义好的目录结构及基础代码,就好比咱们之前在创建maven项目时就可以选择创建一个骨架项目,这个骨架项目就是脚手架,使得我们的开发更加的快速。主要功能:统一的目录结构本地调试热部署单元测试集成打包上线2 需要的环境(node.js,cnpm等)Node.js: http://nodejs.cn/download/无脑安装,不需要配置环境变量确认nodejs安装成功:cmd 控制台原创 2021-05-08 14:16:54 · 96 阅读 · 0 评论 -
vue的插槽----slot和自定义事件(实现点击删除本元素)
Vue 实现了一套内容分发的 API,将 元素作为承载分发内容的出口。实例:最终实现效果的普通代码:<div id="app"> <p>学习列表</p> <ul> <li>Java</li> <li>Linux</li> <li>Python</li> </ul></div>使用slot插槽实现,并实现后边删除按钮,删除选择的目标:原创 2021-05-08 11:09:11 · 1698 阅读 · 0 评论 -
vue的计算属性----computed
computed:会将结果放到缓存里面,页面取数据不会改变(可以从F12的console中进行取值,测试),只有刷新页面,从而刷新缓存,值才会改变。代码如下例:<body><!--view层 模板--><div id="app"> <p>方法时间戳:{{getNowTime1()}}</p> <p>计算属性时间戳:{{getNowTime2}}</p></div><!--导入vue.js-原创 2021-05-08 09:43:15 · 152 阅读 · 0 评论 -
axios异步通信取json数据
自定义json数据:data.json{ "name": "大吉吉之Vue", "url": "https://blog.csdn.net/Denial_learn", "page": 1, "isNonProfit": true, "address": { "street":"颍川路", "city":"长葛", "country":"中国" }, "links":[ { "name":"denial_learn", "url","https://blog.c原创 2021-05-07 10:42:32 · 606 阅读 · 0 评论 -
定义组件,实现循环数据
<body><div id="app"> //组件:传递给组件中的值:props <A v-for="item in items" v-bind:B="item"></A></div><!--导入vue.js--><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script><script>原创 2021-05-07 10:19:13 · 196 阅读 · 0 评论 -
vue指令
1. v-bindv-bind指令可以在其名后边带一个参数(通常是html元素的特性:例class,href,title等),中间用冒号隔开。例:<body><div id="app"> <span v-bind:title="message"> 鼠标悬停上面,会查看次标题 </span></div><!--导入vue.js--><script src="https://cdn.jsdelivr.net/n原创 2021-04-29 11:41:50 · 90 阅读 · 0 评论 -
初识vue,创建vue对象
初识vue:尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它,跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件,然后通过如下方式引入 Vue。<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或:<!-- 生产环境版本,优化了尺寸和速度 --&g原创 2021-04-29 09:38:23 · 1408 阅读 · 0 评论