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,

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

相关推荐
hipolymers22 分钟前
C语言怎么样?难学吗?
c语言·数据结构·学习·算法·编程
|晴 天|41 分钟前
Vue 3 + LocalStorage 实现博客游戏化系统:成就墙、每日签到、积分商城
前端·vue.js·游戏
richxu202510012 小时前
嵌入式学习之路->stm32篇->(11)SPI通信(下)
stm32·嵌入式硬件·学习
xuhaoyu_cpp_java2 小时前
连接池学习
数据库·经验分享·笔记·学习
changshuaihua0012 小时前
React 入门
前端·javascript·react.js
掘金安东尼3 小时前
本周前端与 AI 技术情报|前端下一步 #462
前端·javascript·面试
qq_12084093713 小时前
Three.js 工程向:实例化渲染 InstancedMesh 的批量优化
前端·javascript
GHL2842710903 小时前
Agent相关问题整理学习
学习·ai
WebInfra3 小时前
Rspack 2.0 正式发布!
前端·javascript·前端框架
qq_429499573 小时前
恒流源学习
学习