![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
pyd1040201698
世界是怎样的,程序就是怎样的
展开
-
前端基础09-Vue-整合ElementUI快速开发
官网npm 安装Element-UI终端输入命令npm i element-ui项目中引入 element-ui代码是在官网上的Hello.vue引用element-ui的功能官网说:label是Redio的value修改的代码启动完整的例子App.vue代码<template> <el-container style="height: 500px; border: 1px soli原创 2020-08-06 10:02:30 · 214 阅读 · 0 评论 -
前端基础08-Vue-使用Vue脚手架进行模块化开发
全局安装 webpack右键 ==> 属性不勾选 快速编辑模式不勾选快速编辑模式是为了:敲完命令安装的时候,用鼠标点一下,然后发现命令不动了,我们鼠标点一下,就卡在那里了,以为我们要输入字符输入命令安装 webpack:npm install webpack -g全局安装 vue 手脚架输入命令安装vue 手脚架:npm install -g @vue/cli-init接下来就可以使用vue cli工具,使用 命令,快速的创建模块化的脚...原创 2020-08-06 01:17:16 · 215 阅读 · 0 评论 -
前端基础07-Vue-生命周期和钩子函数
视频课件截图1<body> <div id="app"> <span id="num">{{num}}</span> <button @click="num++">赞!</button> <h2>{{name}},有{{num}}个人点赞</h2> </div> <script src="../node_modu原创 2020-08-05 19:56:21 · 173 阅读 · 0 评论 -
前端基础06-Vue-组件化基础
目录视频课件截图1button动态显示点击次数全局声明注册一个组件视频课件截图2局部声明一个组件组件化着重于:封装,抽取,服用视频课件截图1button动态显示点击次数给一个按钮,被点了多少次,在按钮上动态的显示出点击这个按钮全局声明注册一个组件视频课件截图2局部声明一个组件...原创 2020-08-05 18:58:18 · 113 阅读 · 0 评论 -
前端学习05-Vue-计算属性和侦听器
目录计算属性侦听器过滤器局部过滤器全局过滤器计算属性根据价格和数量,自动计算出总价出现精度问题,暂时不管,项目中用到了再统一解决侦听器监听器,比如我们西游记的库存只有3件,实时监听库存,超过3件,我们就提示超3件了西游记数量超过3,再加的话,就会出现:超出库存限制当数量变成2的时候,提示“超过库存限制”,没有消失,再修改一下代码修改代码,当库存等于3的时候,就提示出超出库存限制的提示信息再保存,看页面就可以了过滤器..原创 2020-08-05 18:30:03 · 140 阅读 · 0 评论 -
前端学习04-Vue-指令-v-on、v-for、v-if
v-on点赞实例,加赞和减赞可以把 v-on:click 改成 @click也是一样的作用,效果一样然后在两个div加上v-on:click这个时候点击小的div会弹两次窗口,是因为事件冒泡的原因产生的'stop':阻止事件冒泡到父元素'prevent':阻止默认事件发生'capture':使用事件捕获模式'self':只有元素自身触发事件才执行。(冒泡或捕获的都不执行)'once':只执行一次我们来阻止冒泡,给小div加上stop这样页面原创 2020-07-21 18:42:35 · 273 阅读 · 0 评论 -
前端学习03-Vue-指令-单向绑定&双向绑定
{{msg}}这个叫插值表达式现在就想让他变成大标题的样式<spanv-html="msg"></span><spanv-text="msg"></span>插值表达式,只要有返回值就可以使用{{1+1}}{{hello()}}插值表达式只能用在标签体里面,不能用在标签的属性里面,比如给a标签的href属性绑定值,就不能做到了,需要使用v-bind使用v-bind来给html标签的属性绑定...原创 2020-07-21 17:46:02 · 393 阅读 · 2 评论 -
前端学习03-Vue-基本语法&插件安装
看一下vue的双向绑定输入框输入上面,页面就是动态的更改为什么控制台变了,页面和输入框也会跟着变,这就是双向绑定了原创 2020-07-21 13:43:42 · 114 阅读 · 0 评论 -
前端学习02-Vue-介绍&HelloWorld
使用npm初始化这个项目,输入 : npm init -y原创 2020-07-21 12:29:07 · 238 阅读 · 0 评论 -
前端学习01-下载Visual Studio Code开发软件
网址:https://code.visualstudio.com/安装插件原创 2020-07-21 00:23:15 · 148 阅读 · 0 评论