Vue基础

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基础整理之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基础案例：01-购物车：购买图书

效果点击增加数量，总价格随之改变数量为1时，减少数量按钮无法被点击移除按钮将此书籍从表单移除，并且总价格变化移除全部书后，隐藏表单，只显示：购物车为空Document/*总组，字体大小*/.zu{font-size:26px;}/*合并单元格框*/table{border-collapse:collapse;}/*表头*/th{border:#ccccccsolid2px;height:60px;
大白菜丶奇·2021-03-22 09:01

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学习笔记——one：Vue基础

Vue基础渐进式JavaScript框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript
默默花上开·2021-03-04 14:53

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

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.js一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，可以自底向上逐层应用。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统例如：{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})HelloVue!每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的数据和DOM已
CcoooH·2021-02-20 20:13

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目录的介绍说明：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框架特点：双向数据绑定与组件化开发1.1、(重点)深入双向数据绑定原理Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。Vue里面是怎么做到的的呢？其实就是使用了Object.defineProperty把Vue内的属性全部转成getter/setter。Object.defineProperty是
程序猿玖月柒·2021-02-06 16:50

Vue基础(二)

一、模板语法的插值操作(其他不常用指令)v-html往标签内部插入html文本v-text往标签内部插入普通文本(解析不了标签)v-pre在界面上直接展示胡子语法v-cloak隐藏数据渲染到页面之前，胡子语法在界面上的展示{{str1}}-->-->-->{{str1}}就是胡子语法的格式-->{{str1}}setTimeout(function(){newVue({el:"#app",data
程序猿玖月柒·2021-02-06 00:10

Vue基础(一)

一、Vue简介Vue(读音/vjuː/，类似于view)，不要读错。面试的时候大家一定要独对音调,不要读成VUE.虽然好像并没有什么卵用,不过显得专业!!!专业就是MoneyVue是一个渐进式的前端框架，什么是渐进式的呢？VUE全家桶渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-route
程序猿玖月柒·2021-02-05 18:42

vue基础语法——插值操作-其他指令

双大括号{{}}语法如何将data中的文本数据，插入到HTML中呢？可以通过Mustache语法(也就是双大括号)。Mustache:胡子/胡须.我们可以像下面这样来使用，并且数据是响应式的v-once但是，在某些情况下，我们可能不希望界面随意的跟随改变这个时候，我们就可以使用一个Vue的指令v-once:该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的)该指令表示元素和组件(
lzh~·2021-01-31 21:37

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

【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

一、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

【Web前端】【VUE】VUE基础

VUE基础1.模板语法(1)插值(2)指令：是带有v-前缀的特殊属性(3)缩写2.class与style(1)绑定HTMLClass对象语法、数组语法(2)绑定内联样式对象语法（无法再添加新的属性）数组语法
大铭昕·2021-01-20 16:36

Vue 基础（入门级）学习笔记（一）

Vue基础（入门级）学习笔记（一）学习前言适合已经掌握了HTML、CSS、JavaScript、AJAX基础知识可以使用vscode、sublime等工具，vscode可以下载LiveServer插件便于网页实时展示效果
各可·2021-01-18 17:37

Vue总结1.0（初步）

Vue总结1.0（初步）了解Vue.jsVue基础Vue生命周期函数Vue组件Vue路由Vue-cli一、了解Vue.jsVue.js是一个优秀的前端界面开发JS库。
与宇宙对视·2021-01-17 11:24

【前端 Vue】01 - Vue基础 生命周期 + 插值操作 + 动态绑定

1.VueJs的认识和特点介绍1.1Vue是一个渐进式的框架，什么是渐进式的呢？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex，也可以满足你各种各样的需求。1.2Vue有很多特点和Web开发中常见的高级功能解耦视图和数据;可复用的组件;前端路由技
itlu·2021-01-11 15:37

Vue框架学习-Vue基础

Vue基础前言简介第一个Vue程序安装声明式渲染el：挂载点data：数据对象小结前言本文是Vue框架学习的第一篇文章，Vue框架学习总共大概有4部分，本文从第一个部分Vue基础开始学习。
极客不撩妹·2021-01-08 22:34

vue快速修改数组的某个值_详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
小小杀鱼·2021-01-08 12:24

我的 Vue.js 学习日记 （十） - element-ui与vue-router路由与.vue单文件组件

上节回顾上节学习了如何用webpack+vue-cli去安装一个基于vue基础项目框架，其实按照顺序来，本来是第九节应该是看组件的，不过因为种种原因，实在是受不了了，所以决定提前先把webpack关于vue
bei6·2021-01-06 02:02

学习计划的安排

需要学习的地方1.概念的问题：//axios是什么，怎么用//Apache是什么//ssh密匙又是什么2.需要学习的点（基本）1.vue基础2.vue的router3.axios//4.element-ui
无名小卒～≯·2021-01-01 02:51

vue传递数组对象_详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
weixin_39825941·2020-12-30 17:30

vue传递数组对象_详解 vue 组件三大核心概念

(给前端大全加星标，提升前端技能)作者：前端工匠公号/浪里行舟(本文来自作者投稿)前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。
手抖毛大夫·2020-12-30 09:00

Vue基础学习笔记

文章目录概念什么是vue入门下载vuejs基础第一个入门应用语法模板语法指令vue事件定义和使用记事本小案例事件修饰符按键修饰符Axios（艾克扫四）基本使用小例子vue生命周期vue组件全局组件局部组件组件的Prop的使用静态数据传递动态数据传递prop的单向数据流组件中定义自己的数据组件中定义事件向子组件中传递时间并在子组件中调用该事件注意事项模板占位符v-if概念什么是vuevue是一个Ja
十夫长·2020-12-29 23:24

3 css 奖品出现弹出动画_vue 基础-动画过渡 transition 示例

前言《vue基础》系列是再次回炉vue记的笔记，除了官网那部分知识点外，还会加入自己的一些理解。
金融四十人论坛·2020-12-29 08:40

require引入js vue_VUE项目面试讲解

个人博客网站(三)-前端项目www.cnblogs.com1.搭建VUE基础框架1.1安装node.js（node-v,npm-v）1.2安装vue脚手架vue-cli（npminstall-gvue-cli
weixin_39610722·2020-12-25 10:46

Vue实战小项目-pc端购物车(Vue3+Vuex+Element）作业版

assets用于存储静态文件components中包含了各种业务组件http是对于axios的拦截router中是页面路由的配置store中包含了vuexviews中包含了各种业务页面4、总结此项目适用于有一定vue
b07fe6f0659e·2020-12-23 18:19

vue学习笔记（超详细）

文章目录一.Vue基础认识Vue.jsVue安装方式Vue的MVVM二.Vue基础语法生命周期模板语法创建Vue,options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model
fmk1023·2020-12-18 16:35

【VUE】看完这篇文章能够了解es6特性和vue基础

Vue讲解1.Vue.js特性简介什么是Vue.jsVue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。Vue.js是一个渐进式框架，什么是渐进式？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。如果你希望将更多的业务逻辑适用Vue实现，那么V
嗨Sirius·2020-12-13 17:03

① uni-app 介绍、项目搭建、目录结构

在学习uni-app的内容前，最好要有一定的Vue基础，但不一定要了解原生小程序。uni-app介绍uni-ap
只爭朝夕不負韶華·2020-12-10 10:18

【Vue】Vue基础语法知识

文章目录一、了解Vue.js二、Vue与MVVM三、第一个Vue程序四、Vue语法指令式渲染插值表达式v-cloakv-showv-bind判断循环绑定事件双向绑定五、组件六、计算属性methods和computed七、插槽八、自定义事件九、Axios异步通信一、了解Vue.jsVue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关
高 朗·2020-12-06 23:48

VUE基础（4）：实现双向绑定

一、Vue是如何实现双向绑定的？利⽤Object.defineProperty劫持对象的访问器,在属性值发⽣变化时我们可以获取变化,然后根据变化进⾏后续响应（在vue3.0中通过Proxy代理对象进⾏类似的操作）。//这是将要被劫持的对象constdata={name:'',};functionsay(name){if(name==='古天乐'){console.log('给⼤家推荐⼀款超好玩的游
imagine_tion·2020-12-05 14:13

vue基础之父子组件传值

父组件向子组件传递值1.父组件通过prop将数据传递给子组件然后直接在子组件中使用this.miaosu既可以调取里面的数据。子组件向父组件传递值2.子组件通过$emit()进行传值。如图：因为‘Memo’是一个事件，所以在父组件使用@Memo进行调用,然后在vue的methods中写入Memo（OPTION）{leta=OPTION}即可获取到从子组件传递过来OPTION值。
Frank_chan·2020-12-01 14:53

学习记录——Vue基础使用和模版语法

文章目录1.Vue基本使用1.1`HelloWorld`基本步骤2.Vue模板语法2.1前端渲染2.2模板语法概览2.3指令2.3.1`v-cloak`指令2.3.2`v-text`指令2.3.3`v-html`指令2.3.4`v-pre`指令2.3.5`v-once`指令2.3.6双向数据绑定`v-model`2.4事件绑定2.4.1基本用法2.4.2传递参数2.4.3事件修饰符2.4.4按键修
火星飞鸟·2020-11-30 22:48
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他