vue

vue:
第三方开发的基于mvvm设计模式的渐进式的纯前端js框架
渐进式:可以在项目中逐步引入 vue相关功能,很容易和其他技术混搭
框架:已经包含核心功能的半成品前端程序
编写界面:
整个界面必须包裹在一个唯一的父元素内,找到界面中可能发生变化的位置,用{{}}临时占位
找到界面中可能触发事件的元素,用@事件名="自定义处理函数名"标记出来
定义两个仓库对象,叫data和methods
data专门保存界面上所需的所有变量和初始值
methods专门保存界面上所需的所有事件处理函数

	new Vue({
		el:"#app"//选择器,告诉vue对象要讲变量和函数送到页面中
		data:{
			变量:初始值
		},
		methods:{
			处理函数名(){
				this.变量
			}
		}
	})

3步:
a.定义界面
b.定义new Vue()对象,用选择器找到自己负责的页面区域
c.在new Vue()对象内,添加data和methods属性,其值都是对象
结果:
无论任何原因,只要data中的变量值发生变化,new Vue()都会自动将新值重新送到界面中对应的元素上,new Vue()会始终保持界面显示的内容和data中变量值的同步。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值