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,

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

相关推荐
源码云商2 分钟前
【带文档】网上点餐系统 springboot + vue 全栈项目实战(源码+数据库+万字说明文档)
数据库·vue.js·spring boot
魔术师ID38 分钟前
vue 指令
前端·javascript·vue.js
Clown951 小时前
Go语言爬虫系列教程 实战项目JS逆向实现CSDN文章导出教程
javascript·爬虫·golang
星空寻流年2 小时前
css3基于伸缩盒模型生成一个小案例
javascript·css·css3
threelab2 小时前
12.three官方示例+编辑器+AI快速学习webgl_buffergeometry_indexed
学习·编辑器·webgl
jerry6092 小时前
LLM笔记(六)线性代数
笔记·学习·线性代数·自然语言处理
ghost1432 小时前
C#学习第23天:面向对象设计模式
开发语言·学习·设计模式·c#
smileNicky2 小时前
在 VSCode 中运行 Vue.js 项目
ide·vue.js·vscode
Yan_ks3 小时前
计算机组成原理——数据的表示
学习
freellf3 小时前
go语言学习进阶
后端·学习·golang