vue学习11.21

vue特点:

采用组件化开发,提高代码复用率和维护

声明式编码,不需要直接操作DOM元素

使用diff算法,把虚拟DOM变成真实DOM,

如果两个容器都用vue的实例,只选最上面的容器。

一个容器使用两个vue实例也不行。

<a v-bind:href="url"></a>

url写在data中,

v-model只能绑定输入类元素(都有value值)

input,select

v-model:value,也可以写为v-model,默认收集value值

el和data的两种写法(茴字的两种写法),

el第一种:el: '#app'

el第二种const v = new Vue

v.$mount('#app')

$mount是挂载的意思

data第一种对象式

data: { }

第二种函数式

data:function() {

return {

name:'尚硅谷'

}

}

如果写成data:()=>,就变成全局windows的对象了,

可以在data函数中打印this,看看是哪个实例

MVVM架构模型,Vue的设计受到这个模型的启发。

Model view viewModel,

原型上有的东西,模板上可以直接用,可以直接{{ }}输出。

相关推荐
海兰20 分钟前
【Kafka学习2】Apache Kafka 典型应用场景
学习·kafka·apache
边境悍匪43 分钟前
蜗牛学苑 Java 学习 Day23|SpringBoot 思维导图复盘
学习
Dxy123931021644 分钟前
Python XPath position() 完整使用指南,避坑合集(lxml适用)
前端·javascript·python
名字还没想好☜1 小时前
React 19 useOptimistic 实战:点赞评论先更新 UI,失败自动回滚
前端·javascript·react.js·ui·react·useoptimistic
xx~t1 小时前
嵌入式学习22
数据结构·学习·算法·排序算法
海鸥两三1 小时前
【websocket合集2】websocket.js源码解析和页面调用示例
javascript·websocket·网络协议
Linux-lucky9 小时前
21-Linux学习之旅之HTTPS和安全加固
linux·运维·学习·ubuntu·https
vipbic11 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
资源大佬星 课it11 小时前
重学C++ ,重构你的C++知识体系
vue.js·docker·django
学运维的Kysan11 小时前
暑假运维学习打卡第二十六天8.17
学习