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基础:To
VUE学习:
vue基础
10————组件:组件的使用
提示:本文为VUE栏目:VUE学习:
vue基础
10————组件:组件的使用VUE学习:
vue基础
10————组件:组件的使用前言组件示例:创建全局组件模板简写形式:简写一简写二私有组件前言本文vue框架中组件相关
北凉冬
·
2021-05-23 20:28
vue.js
vue.js
Vue Vue介绍、
Vue基础
语法、Vue生命周期、axios的使用
目录Vue介绍
Vue基础
语法1、v-html和v-text文本插值2、v-bind绑定属性3、v-if条件渲染4、v-for列表渲染5、v-on事件绑定6、v-model表单绑定Vue的生命周期axios
halulu.me
·
2021-05-20 19:55
#
前端
vue基础
vue文章目录vue一、vue是什么?二、使用步骤1.先引入2.创建一个vue实例3.实例化vue对象总结一、vue是什么?1.vue是一个渐进式框架渐进式框架:没有强主张,你可以在原有大系统的上面,把两个组件改用它实现,当jQuery用也可以整个用它开发,还可以用它的视图2.是一个构建用户界面的框架3.是一个轻量级的MVVM,即(Model-View-ViewModel)其实就是所谓的数据双向绑
stay_少年与梦
·
2021-05-20 12:46
vue
vue
VUE学习:
vue基础
02——VUE生命周期函数
提示:本文为VUE栏目:VUE学习:
vue基础
02——VUE生命周期函数VUE学习:
vue基础
02——VUE生命周期函数前言VUEVUE生命周期函数声明周期实例生命周期函数三大类1.创建期间函数2.运行期间函数组件的激活和停用
北凉冬
·
2021-05-17 21:26
vue.js
vue.js
【含示例】Vue.js快速入门
文章中的示例是教程中或自己写的例子,读者师傅也可以按照自己的理解尝试写自己的例子—没有cnpm的师傅可以先百度:cnpm下载目录什么是Vue.jshelloworldVue.js下载安装Vue正式入门
Vue
Hausa_
·
2021-05-15 21:30
JAVA大作业
编程相关
vue
javascript
js
Vue全家桶之
Vue基础
Vue全家桶之
Vue基础
文章目录Vue全家桶之
Vue基础
1.Vue概述2.Vue的基本使用2.1传统开发模式对比2.2Vue.js之HelloWorld基本步骤2.3Vue.js之HelloWorld细节分析
前端加油
·
2021-05-11 22:56
Vue全家桶基础知识
vue
vue.js
Vue面试中,经常会被问到的面试题/Vue知识点整理/
Vue基础
回顾
vue优点?轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相
前端小萝莉
·
2021-05-10 14:05
Vue基础
Vue简介Vue是数据驱动组件,为现代化的Web页面而生,与ReactJS的中心思想一样,都是一切皆是组件。他是MVVM模式的框架,这点又与AngularJS是一样的特点简洁:HTML模板+JSON数据+Vue实例数据驱动:自动追踪依赖的模板表达式和机选属性组件化:用可解耦、可复用的组件来构造世界轻量:~24kbmin+zip,而且无依赖快速:精确有效的异步批量DOM更新模块友好:通过NPM或Bo
Victor细节
·
2021-05-09 00:45
【
Vue基础
】二、Vue中的指令
1.v-on指令v-on指令将事件绑定在元素上,可以简写为@。v-on:click=""//点击后触发事件v-on:keydown.enter=""//按下回车后触发事件@click=""//简写v-on绑定的事件可以调用methods中的方法,调用时只需写方法名,不用加括号。addItemexportdefault{methods:{addItem(){this.list.push({name:
tcwcq
·
2021-05-07 22:48
详解 vue 组件三大核心概念
前言本文主要介绍属性、事件和插槽这三个
vue基础
概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件,可以从这三个部分展开,它们可以帮助你快速了解一个组件的所有功能。
IT小鲍
·
2021-05-07 11:14
vue基础
知识(大纲)
程序打包(生成dist文件):npmrunbuild修改程序端口:进入vue.config.js文件修改portdevServer:{port:port,open:true,overlay:{warnings:false,errors:true},}修改启动命令:进入package.json文件修改scripts"scripts":{"serve":"vue-cli-serviceserve","
guxiaohai_
·
2021-05-06 17:49
vue
vue
Vue知识(一)
Vue基础
语法
Vue知识一、邂逅Vue.js1、认识Vue.js2、Vue.js安装方式3、Vue初体验4、Vue的MVVM框架二、
Vue基础
语法v-if指令v-show指令v-else指令v-for指令v-bind
果子哥丶
·
2021-05-05 16:01
前端
vue
js
javascript
VUE基础
之事件处理(浅析VUE事件修饰符)
VUE基础
之事件处理v-on:something用于绑定事件监听器,监听DOM变化来触发事件(something),可简写为@something。
Rocky_Wong
·
2021-05-01 13:38
VUE基础
(二)
6.事件修饰符@事件.xxx.stop.prevent.capture.self.once.passive......7.计算属性/数据https://dwz.cn/A36xqN5ecomputed1.频繁使用的复杂公式2.需要监控的——全局状态管理computed:{reversedMessage:function(){//`this`指向vm实例returnthis.message.split
红笔黑字
·
2021-05-01 10:12
vue基础
复习-课时12
目录组件注册-组件名字-作用范围-异步引入-基础组件-批量注册模板语法组件注册组件名字//短横线分隔命名Vue.component('my-component-name',{/*...*/})//驼峰式命名Vue.component('MyComponentName',{/*...*/})全局注册局部注册//定义varComponentA={/*...*/}varComponentB={/*...
一点金光
·
2021-05-01 00:52
1.搭建vue环境
2017年8月2日,按照手把手教你搭建vue环境这个教程(真的是手把手)搭建了vue环境……Paste_Image.png恭喜,你已经成功安装,并运行起来
vue基础
项目,踏入了vue的大门。
罗一手
·
2021-05-01 00:43
Vue基础
学习
Vue基础
{{ message }} var app=new Vue({ // #是ID选择器
Tzk—
·
2021-04-30 15:05
总结
Vue学习
Vue基础学习
Vue基础
Vue的基础
Vue基础练习
Vue 代码 总结
-------------------
Vue基础
代码-------------------el:(元素的挂载位置(值可以是CSS选择器或者DOM元素))data:(模型数据(值是一个对象))------
Hyman-ya
·
2021-04-28 23:41
vue
vue
vue基础
知识——进阶二
一、vue引入组件和方法的区别-引用组件:importsplitfrom'../../split/split.vue';-引用方法:import{formatDate}from'../../../common/js/data';二、v-bind和v-on的区别-v-bind是用于响应式的更新HTML简写::herf=''-v-on是用于监听DOM事件的简写:@click=''三、计算属性compu
爱熬夜的疯子
·
2021-04-26 13:00
Vue基础
指令:{{}};v-bind;v-on;v-model;v-if;v-for
文章目录获取数据'{{}}'绑定属性v-bind绑定事件v-on表单输入绑定v-model条件指令v-if循环v-for下面的例子,都是在原生的html页面中书写的,并没有使用Vue的工具构建项目。获取数据’{{}}’采用模板语法声明式的对数据进行渲染。使用{{}}对数据与DOM建立关联,构建响应式的页面。下面的例子,使用了在线CDN的方式引入Vue,counter的值,将会每秒递增。声明式渲染计
色不异空,空不异色
·
2021-04-25 18:09
#
Vue
vue
vue基础
整理之axios请求二次封装
npminstallaxios--save在项目中引入axios第三方插件在项目中建立一个App.js当然名字可以随意取导入importaxiosfrom‘axios’;//在vue原型链中封装post请求方法functioncreateService(){//创建一个axios实例constservice=axios.create()//请求拦截service.interceptors.requ
weixin_45966674
·
2021-04-18 16:17
vue基础
$nextTick的含义将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。vue组件中的data为什么必须是一个函数data选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝assets和static目录的区别一般在static里放一些类库的文件,绝对路径直接引用,assets里放属于项目的资源文件。相对路径。会被webpack打包进代码vue常
下下下个路口左转
·
2021-04-12 19:33
uni-app + uView 实战练习:社区团购商城(一)
前言入门一个新框架最好是直接上手实战,那么我们就尝试开始做一个社区团购商城吧准备:掌握
Vue基础
语法,HbuildX开发工具,uViewUI框架uView是专门为uni-app开发的一套ui框架,个人觉得比官方模板
上帝说有bug
·
2021-04-12 18:10
vue基础
入门知识总结
本文目录:1.安装2.使用vue3.创建vue实例4.事件处理5.基础指令6.样式绑定7.表单输入8.什么是组件?9.将组件分离出来-单文件组件10.组件生命周期钩子函数1.安装首先创建一个项目目录,我这里创建一个vue-demo的目录,这个名字可以自定义,但是不要命名为vue这样会冲突我这里使用命令来创建,如果对命令不熟悉,可以直接在webstorm中创建mkdirvue-demo然后进入到vu
前端辉羽
·
2021-04-06 15:51
Vue.js基础知识点总结
Vue基础
邂逅Vuejs1.认识VuejsVue是一个渐进式框架,什么是渐进式的呢?
·
2021-04-06 13:08
Vue基础
使用
Vue编辑样式首先先链接下载好的Vuejs插件然后再新建一个js代码区,用来编辑将要操作的部分元素newVue({el:'.skt',(此处为你要操作的div元素区的名字,并且不能忘了选择器符号“.”,“#”)data:{(在data区域编辑需要的数据,可添加数字,数组,对象,字符串等)num:1,obj:"HelloVue",arr:[1,2,3,4,5],arrs:[{num:1,name:"
Crazy丶此木
·
2021-04-06 10:12
Vue基础
&&进阶
来自拉钩教育-就业集训营1.1Vue.js1.2Vue.js基础1.3axios1.4computed计算属性1.5filter过滤器1.6watch侦听器1.7Component组件1.8Vue生命周期1.9VueRouter路由___________________________________1.1Vue.js介绍1.1.1Vue.js是什么?Vue(读音/vjuː/,类似于view)是一
Yuanc丶
·
2021-03-29 18:47
Vue基础
-day-04(接口调用方式,Promise,Fetch,axios)
1Restful形式的URLhttp请求方式GET查询POST添加PUT修改DELETE删除符合规范的URL地址(restful形式)http://www.hello.com/booksGEThttp://www.hello.com/booksPOSThttp://www.hello.com/books/123PUThttp://www.hello.com/books/123GET2异步调用接口的
新苡米
·
2021-03-28 19:43
Vue基础
及核心图解
初识Vue一、什么是渐进式框架?二、Vue核心基础图解1、生命周期2、数据的双向绑定(MVVM)3、组件化(Component)4、父子组件通信(Emit&Props)5、全局状态管理(VueX)相关链接一、什么是渐进式框架?Vue是一套用于构建用户界面的渐进式框架。什么是渐进式框架?简单理解就是:Vue不强求你一次性接受并使用它的全部功能特性。Vue被设计为可以自底向上逐层应用,也就是说用你想用
G.E.M.千百度
·
2021-03-28 17:03
vue.js
vue.js
前端
Vue基础
案例:01-购物车:购买图书
效果点击增加数量,总价格随之改变数量为1时,减少数量按钮无法被点击移除按钮将此书籍从表单移除,并且总价格变化移除全部书后,隐藏表单,只显示:购物车为空Document/*总组,字体大小*/.zu{font-size:26px;}/*合并单元格框*/table{border-collapse:collapse;}/*表头*/th{border:#ccccccsolid2px;height:60px;
大白菜丶奇
·
2021-03-22 09:01
Vue基础案例
vue
一.
Vue基础
MVVM框架MVVM是Model-View-ViewModel的缩写。MVVM借鉴了MVC的思想,可以看做是MVC的扩展。Model是数据源,用JavaScript对象表示。
泡杯感冒灵
·
2021-03-15 16:46
Vue基础
案例三:购物车(组件化思想练习)
实现效果:1.原始布局:我的商品-+×-+×-+×-+×-+×总价:123结算2.运用组件化思想划分独立的功能组件js://以下三个子组件都是局部组件//子组件1:标题varCartTitle={template:`我的商品`}//子组件2:列表varCartList={template:`-+×-+×-+×-+×-+×`}//子组件3:计算总价varCartTotal={template:`总价
兰公子
·
2021-03-10 16:06
#
Vue
Vue学习笔记——one:
Vue基础
Vue基础
渐进式JavaScript框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建官网:https://cn.vuejs.org/v2/guide/易用:熟悉HTML、CSS、JavaScript
默默花上开
·
2021-03-04 14:53
Vue
vue
web前端开发之
vue基础
一、
vue基础
1.1啥是vue1.1.1创建vue引入vue.js的cdn节点创建一个id为app的节点如:创建vue实例letapp=newVue({el:'#app',data:{msg:'vue'
Web_chicken
·
2021-03-03 20:06
web前端
js
vue
前端
vue.js
web
vue基础
使用vue1.需要根据提供的标签填充数据2.引入vue.js文件3.可以使用vue的语法做功能了4.将vue提供到数据填充到标签里面Document{{msg}}varvm=newVue({el:'#app',data:{msg:'hello我是vue'},methods:{},})el:‘’元素挂载位置;data:{}模型数据;methods:{}方法;data:{msg:'hello我是vue
cuiZero0
·
2021-02-21 09:15
vue
vue
Vue基础
学习笔记
Vue.js一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,可以自底向上逐层应用。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统例如:{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})HelloVue!每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的数据和DOM已
CcoooH
·
2021-02-20 20:13
Vue.js
html
vue.js
javascript
html5
js,
vue基础
面试题(持续更新中)
1.定时器设置与清空设置:setInterval(function(){console.log("这是一个setInterval定时器!");},1000);清除:varintervalBox=setInterval(function(){console.log(intervalBox);//打印interval定时器,查看interval定时器效果},1000);clearInterval(in
萬wan事顺意
·
2021-02-19 18:28
VUE基础
题
一、对于MVVM的理解?MVVM是Model-View-ViewModel的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View代表UI组件,它负责将数据模型转化成UI展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View和Model的对象,连接Model和View。在MVVM架构下,View和Model之间并没
lucky婧
·
2021-02-09 14:23
使用Vue-cli创建vue项目(
vue基础
)
1.在CMD下输入下面的命令vuecreatedemo2.选择配置方式说明:Default([Vue2]babel,eslint):默认配置(vue2)Default(Vue3Preview)([Vue3]babel,eslint):默认配置(vue3)Manuallyselectfeatures:手动默认配置这里我们选择Manuallyselectfeatures手动配置3.手动选择项目所需要的
木公木公
·
2021-02-06 17:16
日常学习
vue
vue
vue目录介绍(
vue基础
)
创建一个vue目录的介绍说明:node_mibdules:存放项目的各种依赖public:存放静态资源public->index.html:一个模板文件,作用是生成项目的入口文件src:存放各种vue文件的地方assets:存放着各种静态文件,比如图片、字体components:存放公共小组件router:vue-router路由文件views:存放各种页面,如:home,userApp.vue:
木公木公
·
2021-02-06 17:58
日常学习
vue
vue
Vue基础
(三)
一、Vue指令vue框架特点:双向数据绑定与组件化开发1.1、(重点)深入双向数据绑定原理Vue最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时,视图会进行更新。Vue里面是怎么做到的的呢?其实就是使用了Object.defineProperty把Vue内的属性全部转成getter/setter。Object.defineProperty是
程序猿玖月柒
·
2021-02-06 16:50
web前端
Vue基础
(二)
一、模板语法的插值操作(其他不常用指令)v-html往标签内部插入html文本v-text往标签内部插入普通文本(解析不了标签)v-pre在界面上直接展示胡子语法v-cloak隐藏数据渲染到页面之前,胡子语法在界面上的展示{{str1}}-->-->-->{{str1}}就是胡子语法的格式-->{{str1}}setTimeout(function(){newVue({el:"#app",data
程序猿玖月柒
·
2021-02-06 00:10
web前端
Vue基础
(一)
一、Vue简介Vue(读音/vjuː/,类似于view),不要读错。面试的时候大家一定要独对音调,不要读成VUE.虽然好像并没有什么卵用,不过显得专业!!!专业就是MoneyVue是一个渐进式的前端框架,什么是渐进式的呢?VUE全家桶渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-route
程序猿玖月柒
·
2021-02-05 18:42
web前端
vue基础
语法——插值操作-其他指令
双大括号{{}}语法如何将data中的文本数据,插入到HTML中呢?可以通过Mustache语法(也就是双大括号)。Mustache:胡子/胡须.我们可以像下面这样来使用,并且数据是响应式的v-once但是,在某些情况下,我们可能不希望界面随意的跟随改变这个时候,我们就可以使用一个Vue的指令v-once:该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)该指令表示元素和组件(
lzh~
·
2021-01-31 21:37
#
Vue
jq的方法实现data的数据跟页面双向绑定_[
vue基础
][万字长文]浅析vue2中的双向绑定...
前言单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。有单向绑定,就有双向绑定。如果用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定。什么情况下用户可以更新View呢?填写表单就是一个最直接的例子。当用户填写表单时,View的状态就被更新了,如果此时MVVM框架可以自动更新Model的状态,那就相当于我
weixin_39984982
·
2021-01-30 01:24
Vue基础
知识+组件化开发+模块化开发总结
三、内容:一、MVVMView层视图层,我们前端开发时候的DOM层主要就是给用户展示各种信息Model层数据层:可能是我们固定的思数据,更多的是来自我们的服务器,在网路上请求下来的数据VueModel层视图模型层视图模型层是View和Model沟通的桥梁一方面实现DataBinding(数据绑定),Model的改变反映到View另一方面实现DomListener二、Vue的生命周期[外链图片转存失
星河秋水
·
2021-01-24 19:51
Vue
【Web前端】【VUE】
VUE基础
二
VUE基础
二1.axios与fetch实现数据请求(1)fetch[github](https://github.com/camsong/fetch-ie8)(2)axios1做ajax的第三方库[github
大铭昕
·
2021-01-22 00:59
web前端
Vue
javascript
一、
Vue基础
语法学习笔记系列——插值操作(Mustache语法、v-once、v-html、v-text、v-pre、v-cloak)、绑定属性v-bind(绑定class、style)、计算属性
一、插值操作1.Mustache如何将data中的文本数据,插入到HTML中呢?我们已经学习过了,可以通过Mustache语法(也就是双大括号)。Mustache:胡子/胡须.我们可以像下面这样来使用,并且数据是响应式的2.v-once但是,在某些情况下,我们可能不希望界面随意的跟随改变这个时候,我们就可以使用一个Vue的指令v-oncev-once:该指令后面不需要跟任何表达式(比如之前的v-f
小小白学计算机
·
2021-01-21 18:56
Vue.js
vue
js
javascript
前端
v-bind
【Web前端】【VUE】
VUE基础
VUE基础
1.模板语法(1)插值(2)指令:是带有v-前缀的特殊属性(3)缩写2.class与style(1)绑定HTMLClass对象语法、数组语法(2)绑定内联样式对象语法(无法再添加新的属性)数组语法
大铭昕
·
2021-01-20 16:36
Vue
web前端
javascript
Vue 基础(入门级)学习笔记(一)
Vue基础
(入门级)学习笔记(一)学习前言适合已经掌握了HTML、CSS、JavaScript、AJAX基础知识可以使用vscode、sublime等工具,vscode可以下载LiveServer插件便于网页实时展示效果
各可
·
2021-01-18 17:37
web
vue.js
vue
上一页
15
16
17
18
19
20
21
22
下一页
按字母分类:
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
其他