E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue-2
Vue-2
、初识Vue
1、helloword小案列代码初始Vuehello,{{name}}我的年龄是{{age}}Vue.config.productionTip=false//阻止Vue启动时产生生产提示。//创建Vue实例newVue({el:'#root',//el用于指定当前Vue实例为那个容器服务,值通常为css选择器字符串。data:{//data中用于存储数据,数据提供el所指定的容器去处理。值我们暂时
一叶飘零晋
·
2024-01-05 16:38
vue
vue.js
前端
javascript
VUE-脚手架搭建
前提准备1.安装node-js2.npm镜像设置3.安装vs-code三、脚手架搭建1.Vue-2搭建1.Vue-3搭建一、概述官网:http://cn.vuejs.org/vue有两个大版本,分别是
vue
多加点辣也没关系
·
2023-12-16 12:45
入门教程
安装教程
vue.js
前端
javascript
无限滚动图片懒加载-Infinite-Scroll-Img-笔记学习
**Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主文章目录为什么做这个效果源码需求介绍界面设计逻辑设计图片选材写代码效果展示待改进完我是Sam9029
Sam9029
·
2023-11-07 13:18
CSS学习
学习
前端
javascript
vue-2
一、文章内容概括1.指令补充指令修饰符v-bind对样式增强的操作v-model应用于其他表单元素2.computed计算属性基础语法计算属性vs方法计算属性的完整写法成绩案例3.watch侦听器基础写法完整写法4.综合案例(演示)渲染/删除/修改数量/全选/反选/统计总价/持久化二、指令修饰符1.什么是指令修饰符?所谓指令修饰符就是通过“.”指明一些指令后缀不同的后缀封装了不同的处理操作—>简化
是三好
·
2023-10-09 02:44
#
VUE
vue.js
前端
javascript
【菜鸡学艺--Vue2--002】[基础指令&[条件与循环]
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,
Sam9029
·
2023-10-02 15:04
javascript
vue.js
华为云云耀云服务器L实例评测 | L实例性能测试实践
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,
Sam9029
·
2023-09-19 21:04
服务器
运维
华为云云服务器评测|云耀云服务器实例基础使用实践
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,
Sam9029
·
2023-09-05 12:52
服务器
运维
【菜鸡学艺–Vue2–001】模板语法&声明式渲染
【菜鸡学艺–Vue2–001】模板语法&声明式渲染我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**恭喜你
Sam9029
·
2023-09-05 12:18
Vue-2
javascript
Vue
前端
【支付宝小程序】开发基础--文件结构教程
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,求评论
Sam9029
·
2023-08-21 03:35
支付宝小程序
小程序
javascript
【支付宝小程序】分包优化教程
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,求评论
Sam9029
·
2023-08-21 03:35
支付宝小程序
小程序
深入使用Element-plus系列-入门按需引入安装
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,求评论
Sam9029
·
2023-08-21 03:05
element-plus
vue.js
前端
javascript
element-plus
【SCSS】vue3+vite项目引入SCSS及使用SCSS全局变量
vue3+vite项目引入SCSS及使用SCSS全局变量我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**
Sam9029
·
2023-08-21 03:05
SCSS
1024程序员节
【支付宝小程序】支付宝小程序自定义组件技术教程
我是Sam9029,一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,
Vue-2
领域博主**恭喜你,若此文你认为写的不错,不要吝啬你的赞扬,求收藏,
Sam9029
·
2023-08-21 03:33
支付宝小程序
小程序
javascript
Vue-2
--登录界面
实现:界面实现表单规则校验结合后台api校验提示消息App.vueexportdefault{name:'app'}登录页面login.vue登录成功按钮-->重置exportdefault{data(){return{//表单数据绑定loginForm:{username:'admin',password:'123456'},//检验规则loginFormRules:{username:[{re
5210丫
·
2023-06-14 14:14
Vue
_
vue-2
v-model实现原理我们在vue项目中主要使用v-model指令在表单input、textarea、select等元素上创建双向数据绑定,我们知道v-model本质上不过是语法糖(可以看成是value+input方法的语法糖),v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件:text和textarea元素使用value属性和input事件checkbox和radio使用che
beifeng11996
·
2023-04-10 15:45
vue.js
javascript
前端
Vue-2
模板语法
根据慕课网的课程做的笔记Vue基本概念模板语法认识Vue文件结构(template,script,style)模板语法包含插值、指令(指令缩写).bg{color:Red;}{{msg}}{{count}}{{(count+1)*10}}{{template}}百度newVue({el:'#app',data:{msg:'hellovue!!',count:0,url:"http://www.ba
Torey_Li
·
2023-01-06 18:04
Vue
Vue驾校-从项目学
Vue-2
Vue驾校-从项目学
Vue-2
前言:代码实战1.删除默认组件:确定删除部分:开始删除:1.其他组件的引用部分:2.router中的路由配置:3.main.js中的关联语句:删除完成后还是报错?
starnight531
·
2022-07-14 07:53
#
Vue驾校
vue.js
javascript
vue
前端框架
java
Vue-2
挂载dom元素的方法有两个,一个是el,另一个是$mounttemplate是模板字符串:string->AST(相当于对象{})->render->真实的数据template是模板字符串,vue通过一个解析操作把字符串解析成抽象语法树,然后把语法树传到render函数中,通过render函数得到虚拟节点VNode,再拿到真实的数据。初始化->?->y->template->y->->n->$mo
小葫芦的故事
·
2020-09-17 03:33
vue
Java前端
Vue-2
(快速入门)
前端开发模式的发展静态页面最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新,操作DOM1995年,网景工程师BrendanEich花了10天时间设计了JavaScript语言,随着JavaScript的诞生,我们可以操作页面的DOM元素及样式,页面有了一些动态的效果,但是依然是以静态为主。ajax盛行:200
人在山巅自相逢
·
2020-09-11 18:52
Vue
java
vue
vue-2
(事件处理、表单绑定、组件)
继上一篇博客这边继续补充基础内容加强一下记忆监听事件v-on指令去监听DOM事件,后面可以接事件类型,如下案例SayhiSaywhatnewVue({el:'#example-3',methods:{say:function(message){alert(message)}}})事件绑定同样也附着很多其他功能同理可以推得键盘事件的相关操作表单绑定v-model实现表格value与对象数据的双向绑定
司_尘
·
2020-08-23 06:22
前端
Vue-2
组件
在学习vue组件之前我们得先搞懂什么是组件组件系统是vue的另一个重要概念,它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用,因此,几乎任意类型的应用界面都可以看成一个组件树一个基于Vue项目的构成可以说是各个组件之间互相关联互相协调完成的,一起完成一个项目所需的要求。那怎么创建组件呢?组件注册之全局组件全局组件注册公式Vue.component(组件名,{组件})注意事项:注册
飞力飞思
·
2020-08-21 18:00
vue-2
本地+ 全局 + 生产环境 +开发环境模块安装基本操作(2)
本地安装npminstallexpress#最新的命令行操作
[email protected]
#@制定版本的全局安装npmroot-g查看全局安装地址npmconfigsetprefix“E:\npm”更改全局安装地址(可更改可不更改,c盘不够了改成e盘)更改完之后没有看到目录(再次执行npmroot-g)即可查看到npminstallvue-g安装vue到全局目录npmlist-g查看
春夏@秋冬
·
2020-08-15 19:07
vue-2
安装模块 本地安装 + 全局安装 + 生产环境模块安装 +开发环境模块安装 + 批量下载 + 查看模块 + 卸载 + 配置镜像
本地安装npminstallexpress#最新的
[email protected]
#@制定版本的全局安装npmroot-g查看全局安装地址npmconfigsetprefix“E:\npm”更改全局安装地址(可更改可不更改,c盘不够了改成e盘)更改完之后没有看到目录(再次执行npmroot-g)即可查看到npminstallvue-g安装vue到全局目录npmlist-g查看全局已安装
子非 。
·
2020-08-15 17:27
VUE-2
:自定义指令、事件
自定义指令(directive指令)我们还可以通过`Vue`提供的方法来自定义指令注册指令`vue`提供了两种指令注册方式-全局指令-局部指令全局指令注册在外部局部指令注册在组件内部在使用指令的时候,需要使用`v-指令名称`的方式来调用ref属性,vue提供的一种用于获取标签(组件)实例对象的简便方式指令生命周期(钩子函数)输入框光标案例:输入框自动获得焦点点击按钮后再获取焦点拖拽功能案例:.li
kino2046
·
2020-08-12 11:48
Vue框架
Vue-2
vue-cli,生命周期,computed,watch,自定义指令
Vue-2vue-cli,生命周期,computed,watch,自定义指令vue-cli环境配置、项目安装、目录树我们使用webpack也可以手动安装配置vue脚手架环境,但是有一套更简单一点的vue-cli的构建工具,大大降低了webpack的使用难度。一、配置vue的脚手架环境npminstall-gvue-cli完成之后查看vue版本:vue-V如果终端承认vue命令,那么脚手架安装成功,
花懒顾
·
2020-08-12 10:14
前端开发
框架
Vue-2
种设置过渡动画的方法
动画设置的6个阶段过渡动画transition:提供了6个css类:1、v-enter:在元素插入之前生效2、v-enter-active:在整个动画过程中生效3、v-enter-to:定义过渡的结束状态4、v-leave:在离开动画开始时生效5、v-leave-active:在整个离开动画的过程中生效6、v-leave-to:定义离开时过渡的结束状态第一种方法---自定义名称默认类名v开头;但可
Christoles
·
2019-12-12 01:48
vue-2
阻止事件冒泡@click.stop='事件名'e.stopPropagation?e.stopPropagation():e.cancelBubble=true阻止默认事件@click.prevente.preventDefault?e.preventDefault():e.returnValue=true键盘事件@keydown@keyup@keypress使用指定键@keydown.enter
warmT_
·
2019-11-05 12:55
vue-2
{{tex}}真出现假出现+{{count}}-{{index}}-----{{item}}{{bangding}}请输入varvue=newVue({el:"#app",data:{tex:"文字",isok:false,count:0,arr:["8","5","88","99"],bangding:"",},methods:{add:function(){this.count++;},jia
魏婴
·
2019-10-22 19:00
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他