Vue学习

MVVM模式

在这里插入图片描述
有了MVVM后可以动态修改页面元素

在这里插入图片描述

语法

var vm = new Vue({ 
     el: "#标签id", 
	 data: {数据},
	 methods: {
		xxx: function() {
			xxxxxxxx
		}
	}
});

v-bind: 绑定, 让标签某个属性的值和vue对象中一致 v-bind:href=“xxx” xxx从vue中取

v-if-else:在这里插入图片描述

methos方法
在这里插入图片描述

v-model数据绑定
此时输入框里面的数据和外面的message绑定了,输入框更改也会让外面的message更改
相当于他会让标签里面的value和外面的message进行绑定在这里插入图片描述

路由跳转相当于a标签, 在搭配router-view可以将 link里面的内容替换掉router-view在这里插入图片描述

双向绑定

what?
在这里插入图片描述

why?
在这里插入图片描述
how?在这里插入图片描述

组件

what?
可以自定义标签,用标签来代替html代码在这里插入图片描述
模板传值
在这里插入图片描述

生命周期

在这里插入图片描述

计算属性

what?
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
计算属性会将结果缓存起来,如果里面的东西更改后 才改变该计算属性的值

slot插槽

在这里插入图片描述

自定义事件

在这里插入图片描述
在这里插入图片描述

webpack学习

what
在这里插入图片描述

router路由

index.js是每个不同文件夹中默认文件
在这里插入图片描述

router下index.js写好后需要在main.js中引用
在这里插入图片描述

小知识

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值