Vue基础

[前端] VUE基础 (3) (computed计算属性、watch侦听器、v-model双向绑定、v-model修饰符)

一、计算属性当我们使用模板语言的时候，模板语言中可能会使用逻辑语句（函数调用等），如果业务比较复杂，我们的计算语句也会比较复杂，例如：{{message.split('').reverse().join('')}}如上所示，在模板语言中计算message的翻转字符串。我们可以使用计算属性，将计算翻转字符串的逻辑写到计算属性中：varvm=newVue({el:'#example',data:{me
风间悠香·2020-02-04 21:00

[前端] VUE基础 (2) (轮播图、ajax)

一、vue实现简单轮播图1.vue实现点击轮播图片Carousel上一张下一张//使用vuevarapp=newVue({el:'#app',data(){return{//图片数据images:[{id:1,imgSrc:'./images/1.jpg'},{id:2,imgSrc:'./images/2.jpg'},{id:3,imgSrc:'./images/3.jpg'},{id:4,im
风间悠香·2020-02-03 15:00

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十║Vue基础终篇：组件详解+项目说明

缘起新的一天又开始啦，大家也应该看到我的标题了，是滴，Vue基础基本就到这里了，咱们回头看看这一路，如果你都看了，并且都会写了，那么现在你就可以自己写一个Demo了，如果再了解一点路由，ajax请求（这里是
SAYLINING·2020-02-01 16:58

vue基础

目录vue一、简介二、命令-生命周期函数三、v-model修饰符四、组件化五、es6模块化六、webpack七、vuecli八、runtime-only和runtime-compiler九、路由vue-router十、打包js的结构图十一、keep-alive组件十二、自定义tab-bar十三、路径配置别名十四、promise十五、vuex十六、vxios十七、细节vue一、简介是什么是一个专注于
zpyu521·2020-01-27 14:00

vue基础中的注意事项，以及一些学习心得

vue中你不知道的东西、以及注意事项v-html使用v-html的时候该指令中的值会覆盖绑定标签中原有的值，且使用v-html的时候不要将他设置为给用户提供内容的地方，因为v-html很容易被XSS攻击v-bind使用v-bind绑定属性值为布尔值的属性时，如果数据为truthy，则该布尔值属性都不会被渲染出来如果数据值为其他任意存在的值，就意味着值为truev-if使用v-if绑定的标签，当其指
scriptLiu·2020-01-18 20:00

vue基础巩固

1、生命周期image.png一旦你使用了keep-alive，那么你就可以访问另外两个生命周期钩子：activated和deactivated。如果你想要在一个keep-alive组件被移除的时候进行清理或改变数据，可以使用deactivated钩子。2、动态参数image.pngimage.png3、计算属性缓存vs方法image.png4、计算属性vs侦听属性image.png5、计算属性的
搬个菠萝晒太阳·2020-01-17 10:02

一篇带你Vue快速入门

Vue基础1.Vue介绍1.1Vue是什么Vue.JS是优秀的前端JavaScript框架react/angular/vue库和框架的区别:库(如jQuery)库是工具.提供大量API，体现了封装的思想
Li_Pine·2020-01-14 18:39

Vue基础2(持续更新)

###路由-------####路由原理*传统开发方式url改变后立刻发起请求，响应整个页面，渲染整个页面*SPA锚点值改变后不会发起请求，发起ajax请求，局部改变页面数据*页面不跳转用户体验更好####SPA*singlepageapplication(单页应用程序)*前端路由*锚点值监视*ajax获取动态数据*核心点是锚点值*前端框架Vue/angular/react都很适合单页应用####
大脸妹m·2020-01-09 15:04

Vue学习总结(Vue基础,VueCli3,VueRouter,Vuex)

Vue学习总结(Vue基础,VueCli3,VueRouter,Vuex)目录vue基础知识(1-13)vue引入，实例化vue数据&方法vue绑定(:)vue事件(@)vue事件修饰符(.once.prevent.stop
Allenem·2020-01-08 17:17

简谈a标签与添加点击事件

由来：最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去UsernameEmail更换方式varwatchExampleVM=newVue
雪萌萌萌·2020-01-06 07:50

VUE基础：模板语法

插值1.文本：使用双大括号包含一个变量的方式进行文本插值，输出的是文本；v-once指令可以进行一次性插值，当数据改变时，插值处的内容不会更新。{{msg}}varvm=newVue({el:'#app-6',data:{msg:'hivue.'}})vm.msg="vue"/*未改变插值*/2.原始HTML：可以输出真正的HTML{{msg}}Usingmustaches:{{rawHtml}}
铭记喜悦·2020-01-05 19:19

海投汇前端培训系列 -- Vue基础知识概览

海投汇前端培训简单介绍Vue，详细文档请查看Vue官方文档1、vue是什么Vue是一个用于构建用户界面的渐进式JavaScript框架。Vue核心库只关注视图层。2、声明式渲染Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统示例代码//实现一个helloworld//htmlhello{{name}}//jsvarapp=newVue({el:'#app',data
wangxingkang·2020-01-05 05:02

VUE学习目录汇总

vue学习交流填坑QQ群：585472963一、vue基础“Vue2.0”跟俺一起全面入坑01“Vue2.0”跟俺一起全面入坑02“Vue2.0”跟俺一起全面入坑03“Vue2.0”跟俺一起全面入坑——
datura_lj·2020-01-04 03:11

Vue基础(实例和模板语法)

安装兼容性Vue不支持IE8及以下版本。引入直接下载并用标签引入，Vue会被注册为一个全局变量。开发版本包含完整的警告和调试模式；生产版本删除了警告。命令行工具(CLI)//全局安装vue-clinpminstall--globalvue-cli//创建一个基于webpack模板的新项目vueinitwebpackmy-project//安装依赖cdmy-projectnpminstallnpmr
oWSQo·2020-01-02 04:00

09-Vue基础1

一、Vue官网Vue中文网二、Vue简介Vue是一个前端的双向绑定类的框架，新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。而且Vue配合官方的和第三方的库可以实现单文件的组件化开发、SPA等现代化前端开发。-是
EndEvent·2020-01-01 08:37

vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础

Vue基础语法：实例对象，生命周期，模板语法，计算属性，methods方法Vue渲染：列表渲染，条件渲染Vue事件与表单：事件处理，事件对象，事件委派，表单处理MVX模式简介：MVX框架模式：MVC+MVP
达达前端小酒馆·2019-12-30 06:26

10-Vue基础2

一、模版指令通过模版指令(写在html中的)，即是html和vue对象的粘合剂。数据渲染v-text、v-html、{{}}{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})v-text更新元素的textContent，v-html更新元素的innerHTML，内容按普通HTML插入，不会作为Vue模板进行编译。如果想要
EndEvent·2019-12-30 06:23

vue基础用法

vue.js是什么vue.js也称为vue,读音/vju/是一个构建用户界面的框架是一个轻量级MVVM(Model-view-viewModel)框架，和angular，react类似，其实就是所谓的数据双向绑定数据驱动+组件化的前端开发(核心思想)通过简单的API实现响应式的数据绑定和组合的视图组件指令以v-xxx开头vue2.0和1.0相比，最大的变化是引入了VirtualDOM(虚拟DOM)
把番茄沉入海底·2019-12-29 23:00

vue基础用法

vue.js是什么vue.js也称为vue,读音/vju/是一个构建用户界面的框架是一个轻量级MVVM(Model-view-viewModel)框架，和angular，react类似，其实就是所谓的数据双向绑定数据驱动+组件化的前端开发(核心思想)通过简单的API实现响应式的数据绑定和组合的视图组件指令以v-xxx开头vue2.0和1.0相比，最大的变化是引入了VirtualDOM(虚拟DOM)
把番茄沉入海底·2019-12-29 23:00

后盾网Vue视频教程 向军Vue基础教程 共86课

1、向军老师Vue开发宝典-Vue.js介绍.mp42、向军老师Vue开发宝典-创建第一个应用.mp43、向军老师Vue开发宝典-操作元素属性.mp44、向军老师Vue开发宝典-Mustache与v-once使用.mp45、向军老师Vue开发宝典-v-text与v-html的使用.mp46、向军老师Vue开发宝典-内容与属性中使用javascript表达式的方法.mp47、向军老师Vue开发宝典-
凌云社区_前端F·2019-12-29 21:29

vue基础 - 中心方式通讯

场景多个并行组件通讯原理创建一个newvue({})的bus对象，然后并行组件都动态注册在这个对象上代码{{message}}varBus=newVue({})varfirst={template:`firstInner组件`,name:'first',methods:{handleClick(){Bus.$emit('fromFirstInner','来自firstInner组件')}}}var
会煮咖啡的猫咪·2019-12-29 19:12

实例学习vue.js目录

vue.js目录入门篇初识vuevue基础指令vue实例：标语大作战事件修饰符双向数据绑定使用v-for遍历数据v-model实例：英雄大会v-if与v-show实例vue.js过滤器的基本使用vue.js
it书童·2019-12-29 00:42

vue基础学习笔记

1.vue实例、挂载点、模板创建vue实例：newVue({el:"#root"})el含义：这个实例接管id=root元素的内容，即vue实例和一个dom节点做了绑定，实例的挂载点是id=root元素。模板：挂载点内部的内容，模板也可写在vue实例的template属性里。使用vue，可以不用直接操作DOM，而是着重于数据的操作，vue会和DOM打交道。2.vue实例数据、点击事件插值表达式：{
海的那一边·2019-12-29 00:01

Vue 基础语法学习（二）

可以把系列文章做为参考字典来使用，也可以欢迎各位看官有什么不懂的和想了解的可以在公众号后端提问留言系列文章Vue基础学（一）1：新创建一个vue文件的时候入下图代码​//在这里写css样式//这里写逻辑代码这里需要注意的是
洲洲哥·2019-12-28 06:17

vue基础篇

本人是一名Android开发人员，最近项目前端人员吃紧，于是开始了vue的自学之旅。vue简介https://cn.vuejs.org作者:尤雨溪JavaScript框架简化Dom操作响应式数据驱动（数据驱动视图）vue第一个程序导入开发版本的Vue.js创建Vue实例对象,设置el属性和data属性使用简洁的模板语法把数据渲染到页面上{{message}}//创建Vue实例对象,设置el属性和d
sain_wu·2019-12-27 11:15

11-Vue基础3

一、组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。如何划分组件-功能模块:select、pagenation...-页面区域划分:header、footer、sidebar...data必须是函数通过Vue
EndEvent·2019-12-26 23:53

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十八║Vue基础: 指令(下)+计算属性

Vue的代码的学习，简单的通过一些假的数据来展示了下个人博客的首页列表，不知道大家是否还记得昨天讲的什么，如果不太清楚呢，可以再回顾下《从壹开始前后端分离[Vue2.0+.NETCore2.1]十七║Vue
SAYLINING·2019-12-26 19:13

web前端框架vue基础知识

vue中如何封装一个组件？首先定义一个后缀名为.vue的文件，文件内部由三部分组成，template模板部分，script逻辑部分，style样式部分。这三部分是组件的核心部分，组件需要哪些结构，在模板部分书写，需要什么样的外观样式，通过style部分书写，有哪些行为在script部分书写。一定要在script部分使用es6模块化的导出语法(exportdefault{})，进行导出。然后在需要调
雨中晨星·2019-12-25 13:20

vue基础知识

引子前端三大框架:+AngularGoogleAngular.js(1.x)Augular(2.x)+React(组件化)Facebook+Vue.js尤雨溪架构模式:MVVMMVC正文1.引入cdnornpm2.创建全局对象newVue({el:'#id',获取所需区域template:'#id',绑定模板data:{保存数据},methods:{保存方法/函数},filters:{定义过滤器(
smartlala·2019-12-24 06:43

django+vue基础框架：django one对one格式

创建app：pythonmanage.pystartappapp01(这里的app01是指名字，可以是a或b等等)生成迁移文件：pythonmanage.pymakemigrations执行迁移文件：pythonmanage.pymigrations后端数据库操作流程:①获取数据---②验证数据---③操作数据库---④返回数据①获取数据：name1=request.GET.get("name")
就叫我老管吧·2019-12-20 09:00

vue基础的一点语法 2018-11-03

1.每个vue.js应用都是通过构造函数创建一个根实例启动的：varVm=newVue({});2.基础属性：el：获取执行vue的dom元素－初始化范围data：存储数据methods：执行的方法3.绑定数据：{{}}或者v-text=""只能绑定纯文本，angular中用ng-bind-html绑定，vue中用v-html表达式在{{}}中能用一些基础算法（+-*/）以及三木运算符。4.事ev
小帅_Cs·2019-12-19 21:28

vue基础

反转字符串{{message}}反转字符串newVue({el:'#app',data:{message:'Runoob!'},methods:{reverseMessage:function(){this.message=this.message.split('').reverse().join('')}}})输出为：Runoob!点击按钮转换为!boonuR
张东红·2019-12-19 21:07

Vue基础篇 (1) —— Vue-Router的使用

Vue-Cli中Vue-Router的使用一、创建vue-cli的项目npmcreatemyprojectvuecreate为vue.js3.0构建项目的命令，2.0版本可以通过vueinitwebpackmyproject二、安装vue-routernpminstallvue-router--save三、在目录结构的src下创建router文件夹，并创建index.js作为出口文件，同时在com
Chenxi_Liu·2019-12-19 14:00

VUE基础（一）

VUE框架的核心理念：数据驱动、组件化数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom例如：需求我们点击一个BUTTON按钮，需要按钮（文本）进行start和stop的切换（JS原生）：vardemo=document.getElementById('demo')demo.onclick=function(){if(this.value=="开始"){thi
bob_python·2019-12-19 05:25

1218 组件分类,组件传参

组件传参父传子子传父作业Vue项目环境的搭建Vue项目环境搭建Vue项目创建pycharm配置并启动vue项目vue项目目录结构分析vue组件(.vue文件)全局脚本文件main.js（项目入口）改写Vue
fwzzz·2019-12-18 23:00

day67

目录组件子组件组件化组件传参—父传子组件传参—子传父Vue基础知识知识点总结Vue项目环境安装今日日考：组件组件概念：一个包含html、css、js独立的集合体，这不样的集合，这样的集合体可以完成页面结构的代码复用组件分类
Mr、G·2019-12-18 22:00

【可视化】Vue基础

作者|Jeskson来源|达达前端小酒馆Vue简介Vue框架，框架的作者，尤雨溪，组件化，快速开发的特点。生命周期beforeCreate：组件刚刚被创建created：组件创建完成生成beforeMount：挂载之前mounted：挂载之后成熟beforeDestory：组件销毁前调用destoryed：组件销毁后调用老年安装：全局安装：vue-clinpminstall--globalvue-
达达前端小酒馆·2019-12-17 03:54

关于mpvue的几个坑点

API、组件外，因为多了个可组件化component，主要点始终落在app.json、app.wxss、app.js和每个页面和组件的配置上，都是相似雷同的事情，详情移步官方文档相对而已，mpvue是在vue
chovitaminl·2019-12-16 23:09

1216 Vue基础

目录前端框架Vue1.简介1.1优点2使用2.1基础2.2文本指令2.3事件指令2.4属性指令JS面向对象补充前端框架angular---更新程度太快,且不向下兼容react-----移动端大多都使用vuevue有前两大框架的优点,摒弃缺点但没有他们框架健全Vue1.简介可以独立完成前后端分离式web项目的JavaScript框架三大主流框架之一：AngularReactVue先进的前端设计模式：
fwzzz·2019-12-16 23:00

vue基础

目录vue基础一、vue简介1、什么是vue2、vue的优势3、特点4、使用vue二、Vue实例1、el：实例2、data数据3、methods方法三、插值表达式四、js面向对象补充五、js函数补充六、
SetCreed·2019-12-16 22:00

Vue基础

Infi-chu:http://www.cnblogs.com/Infi-chu/一、什么是Vue1.Vue.js是一个构建数据驱动的Web界面的渐进式框架2.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件3.核心是一个响应的数据绑定系统二、基本使用eg.Vue的基本使用//03.监听window.onload=function(){//04:创建vuevarvm=n
Infi_chu·2019-12-16 17:00

Vue基础

Infi-chu:http://www.cnblogs.com/Infi-chu/一、什么是Vue1.Vue.js是一个构建数据驱动的Web界面的渐进式框架2.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件3.核心是一个响应的数据绑定系统二、基本使用eg.Vue的基本使用//03.监听window.onload=function(){//04:创建vuevarvm=n
Infi_chu·2019-12-16 17:00

vue框架搭建步骤

Vue框架搭建1、vue基础框架搭建可参照https://www.cnblogs.com/princesong/p/6728250.html结合搭建搭建vue框架前，先安装四样东西：（ie版本ie9以下
_hj·2019-12-16 06:22

前端知识体系

CSS54.HTML5nodeJS相关koa源码研究5.前端网络请求相关46.前端打包相关4webpack基础，webpack源码7.前端框架相关框架源码,zepto,redux,react4react基础，vue
向布谷鸟说早安·2019-12-16 03:58

01_Vue基础配置

安装cnpmiwebpack@3vuevue-loadervue-template-compilerstyle-loadercss-loaderstylus-loaderstylusurl-loaderfile-loader--savepackage.json"scripts":{//注意这里的webpack是指node_modules里面的webpack，而不是全局的"build":"webpa
土乒76·2019-12-16 00:29

【可视化】Vue基础

作者|Jeskson来源|达达前端小酒馆Vue简介Vue框架，框架的作者，尤雨溪，组件化，快速开发的特点。生命周期beforeCreate：组件刚刚被创建created：组件创建完成生成beforeMount：挂载之前mounted：挂载之后成熟beforeDestory：组件销毁前调用destoryed：组件销毁后调用老年安装：全局安装：vue-clinpminstall--globalvue-
达达前端小酒馆·2019-12-15 19:00

Vue基础入门学习

vue安装下载地址https://cn.vuejs.org/v2/guide/installation.html版本选择选择开发版本下载如何引入直接用引入，直接下载并用标签引入，Vue会被注册为一个全局变量。Vue入门程序Vue入门程序{{msg}}varroot;//vue实例root=newVue({el:"#root",//模拟内容//template:'helllow{{msg}}',da
久曲健·2019-12-15 19:00

Vue基础

准备开始vue基础历史介绍angular09年，年份较早，一开始大家是拒绝star:33.4kreact2013年,用户体验好，直接拉到一堆粉丝star:89kvue2014年,用户体验好star:84.6k
雄霸烽火狼·2019-12-15 05:59

三十分钟学会使用VUE搭建单页应用(SPA) 上

今天我们将学习如何用VUE构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE
景行_白色极限·2019-12-13 13:25

Vue基础补充

第一章注意点letapp=newVue({el:"#app",data:{msg:'Vue!'}});setTimeout(()=>{//app.msg="Heelo";app.$data.msg="Heelo";},1000);简化的todolistDocument添加{{item}}letapp=newVue({el:"#app",data:{msg:'',arrs:[]},methods:{
强某某·2019-12-12 14:42
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他