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,

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

相关推荐
星夜夏空991 分钟前
STM32单片机学习(15) —— PC串口通信实验
stm32·单片机·学习
网络工程小王6 分钟前
【大模型vLLM 使用】学习笔记
笔记·学习·llama
ZC跨境爬虫20 分钟前
跟着 MDN 学 HTML day_58:(构建行星数据表——HTML表格高级实战指南)
前端·javascript·ui·html·音视频
kyriewen25 分钟前
用户打开飞行模式都能打开你的网站?Service Worker 做离线缓存,PWA 实战
前端·javascript·面试
星夜夏空9926 分钟前
STM32单片机学习(14) —— STM32的串口外设
stm32·单片机·学习
栉甜36 分钟前
APIs学习
前端·javascript·css·学习·html
吃好睡好便好42 分钟前
说说梳头的保健作用
学习
wuxinyan1231 小时前
工业级大模型学习之路013:RAG零基础入门教程(第九篇):RAG幻觉治理
人工智能·学习·rag
zithern_juejin1 小时前
ES6——Symbol
javascript
99乘法口诀万物皆可变1 小时前
Simscape 学习路径图:从入门到精通的多物理域仿真指南
学习