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,

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

相关推荐
拉姆哥的小屋1 分钟前
深度剖析SentiWordNet情感词典:155,287单词的情感世界
前端·javascript·easyui
YJlio4 分钟前
Windows Sysinternals 文件工具学习笔记(12.10):PendMoves + MoveFile 实战——重启后文件替换的安全姿势
windows·笔记·学习
知识分享小能手5 分钟前
Ubuntu入门学习教程,从入门到精通, Ubuntu 22.04 文件和目录管理完全指南(7)
linux·学习·ubuntu
De-Alf8 分钟前
Megatron-LM学习笔记(5)Model Linear线性层
笔记·学习·ai
林太白8 分钟前
vue3这些常见指令你封装了吗
前端·javascript
Tzarevich20 分钟前
算法效率的核心:时间复杂度与空间复杂度
javascript·算法
翻斗花园岭第一爆破手25 分钟前
flutter学习1
学习·flutter
做cv的小昊26 分钟前
【TJU】信息检索与分析课程笔记和练习(4)中文文献检索—CNKI
大数据·经验分享·笔记·学习·信息可视化·全文检索·信息检索
拜晨29 分钟前
用流式 JSON 解析让 AI 产品交互提前
前端·javascript
崇山峻岭之间38 分钟前
Matlab学习记录12
android·学习·matlab