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,

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

相关推荐
BillKu2 分钟前
Vue3本地存储实现方案
vue.js
GIS之路3 分钟前
OpenLayers 获取地图状态
前端·javascript·html
梦境虽美,却不长8 分钟前
C语言 学习 文件操作(开关,读写,定位,大小)操作 2025年6月8日12:19:24
c语言·开发语言·学习
yifa2016040417 分钟前
STM32、Arduino和51单片机
stm32·学习·51单片机
remember_me20 分钟前
前端打印实现-全网最简单实现方法
前端·javascript·react.js
前端小巷子23 分钟前
IndexedDB:浏览器端的强大数据库
前端·javascript·面试
Whbbit199923 分钟前
如何使用 Vue Router 的类型化路由
前端·vue.js
JYeontu28 分钟前
浏览器书签还能一键下载B站视频封面?
前端·javascript
Xy91032 分钟前
从代码角度拆解Apptrace的一键拉起
javascript·数据库
Sun_light36 分钟前
深入理解JavaScript中的「this」:从概念到实战
前端·javascript