vue
文章平均质量分 54
vue
熟悉的新风景
我还是喜欢呢个高中时候的自己
展开
-
vue项目基本环境的配置与初始化
暂时在本地测试,完成后上传到gitee,环境请自行配置前端项目初始化通过vue可视化面板创建 。1,在cms中输入 vue ui![在这里插入图片描述]()原创 2021-05-20 10:05:42 · 226 阅读 · 0 评论 -
e-icon-picker的使用和导入iconfont阿里图标库
文档1,基本使用安装在main.js中导入,然后就能在其他页面调用使用2,导入阿里云图标添加图标到购物车 下载到本地导入文件现在在原来的输入框就有效果了原创 2021-06-08 22:06:57 · 927 阅读 · 0 评论 -
vue之elementui表单验证最基本实例
使用,在模板中在js中<template> <div class="login-page"> <div class="login-box"> <div class="login-logo"> <a href="../../index2.html"><b>vue</b>商城</a> </div> <div class="ca.原创 2021-05-12 15:39:48 · 221 阅读 · 0 评论 -
vue思维导图(这是我在b站老师下载资源里的讲课流程,用来复习和整体把握还不错)
如果有需要的同学可以留下邮箱原创 2020-06-29 14:56:29 · 366 阅读 · 1 评论 -
vue项目实战环境的搭建 -- 项目创建及连接github(gitee同理)
所需安装版本可以不同,这里以vue项目所有需要的东西距离,不但是创建所需完整步骤1,项目的创建PS E:\PHP\phpstudy\PHPTutorial\WWW\vue_project> vue create mall2,在github创建项目,创建的关键是看是否在项目上创建2.1 单独创建一个项目连接github在github创建仓库在编辑器上操作2.2 在创建完的vue项目上连接github有人会出现git报错:‘fatal:remote origin a原创 2020-06-29 13:02:27 · 745 阅读 · 0 评论 -
webpack全局安装和安装过程中碰见的一些坑(npm error)解决方案
宝贝,放弃吧,直接按照淘宝镜像包,然后下载吧安装node,安装后自带npm下载淘宝镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org等执行完后,就可以通过cnpm 来安装我们的webpack,例如,我们需要安装3.6.0版本的$ cnpm install webpack@3.6.0 -g安装成功后...原创 2020-04-22 12:38:28 · 701 阅读 · 0 评论 -
vue基础之v-for,key
v-for循环普通数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2020-04-22 10:20:36 · 179 阅读 · 0 评论 -
vue基础之样式绑定(class,style)
在 computed 中,可以定义一些 属性,这些属性,叫做 【计算属性】, 计算属性的,本质,就是 一个方法,只不过,我们在使用 这些计算属性的时候,是把 它们的 名称,直接当作 属性来使用的;并不会把 计算属性,当作方法去调用;注意1: 计算属性,在引用的时候,一定不要加 () 去调用,直接把它 当作 普通 属性去使用就好了;注意2: 只要 计算属性,这个 function 内部,所用到...原创 2020-04-22 10:13:23 · 226 阅读 · 0 评论 -
vue基础之指令(内置指令,自定义指令,指令的生命周期函数)
指令很多,先了解一下,在 vue 中,有很多内置的指令.比如:v-for 用于遍历v-if & v-show 用于隐藏和显示元素(区别在于后者是修改 display:block|none,前者是不创建把元素从dom中删除或者创建.v-bind: 属性绑定,把数据绑定在HTML元素的属性上.v-html & v-text 把数据绑定在HTML元素的属性上,作用同 inne...原创 2020-04-21 21:27:30 · 638 阅读 · 0 评论 -
vue基础之路由(概念,基本使用,路由规则中定义参数,路由的嵌套,使用路由进行经典布局)
什么是路由前端路由对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别...原创 2020-04-21 20:48:23 · 400 阅读 · 0 评论 -
vue基础之组件(创建,data,切换,父子以及同级之间的传值,插槽solt)
组件的创建方式一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2020-04-21 13:34:53 · 339 阅读 · 0 评论 -
vue基础之过滤器
vue中的过滤器分为两种:局部过滤器和全局过滤器全局过滤器实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2020-04-21 12:59:12 · 172 阅读 · 0 评论 -
vue基础知识点思维导图
不知道为什么导出的图偏了,不过还是等我再完善一点在发个链接吧原创 2020-03-14 00:02:28 · 458 阅读 · 0 评论 -
vue小案例之品牌列表(后台数据显示)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...原创 2020-03-04 15:00:25 · 273 阅读 · 0 评论 -
vue之生命周期(beforeCreate,created,beforeMount,mounted,beforeUpdate,updated)
什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件 创建 1,创建一个vue实例对象 2,初始化 一些默认的声明周期函数和默认的事件 ->beforeCreate() 这时候...原创 2020-03-04 14:56:53 · 6487 阅读 · 2 评论 -
vue之事件修饰符( .stop、.prevent、 .capture 、.self)以及.stop与.self的区别
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <scrip...原创 2019-08-27 19:22:01 · 7732 阅读 · 2 评论 -
vue 插值表达式,v-cloak,v-text,v-html,以及v-bind,v-on
插值表达式 => {{}}v-cloak、v-text=>解决闪烁问题,及其区别v-html=>以html格式输出<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-...原创 2019-08-26 20:46:25 · 302 阅读 · 0 评论 -
vue 初识MVC与MVVM,及其与vue基本代码之间的关系
mvcMVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,是后端的分层开发概念MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。MVC 分层有助于管理复杂的应用程序,因为您可以在一个时间内专门关注一个方面。例如,您可以在不依赖业务逻辑的情况下专注于视图设计。同时也让应用程序的测...原创 2019-08-26 19:17:03 · 338 阅读 · 0 评论