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,

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

相关推荐
拉不动的猪19 分钟前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪28 分钟前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
uhakadotcom2 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom2 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom2 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom2 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
咖啡教室3 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
咖啡教室3 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
市民中心的蟋蟀6 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js
逆袭的小黄鸭6 小时前
JavaScript 闭包:强大特性背后的概念、应用与内存考量
前端·javascript·面试