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,

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

相关推荐
brave and determined8 小时前
接口通讯学习(day05):智能手机的内部高速公路:揭秘MIPI CSI与DSI技术
学习·智能手机·软件工程·制造·csi·mipi·dsi
涔溪8 小时前
实现将 Vue2 子应用通过无界(Wujie)微前端框架接入到 Vue3 主应用中(即 Vue3 主应用集成 Vue2 子应用)
vue.js·微前端·wujie
T***u3338 小时前
前端框架在性能优化中的实践
javascript·vue.js·前端框架
jingling5559 小时前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃9 小时前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
Tonya4311 小时前
测开学习DAY37
学习
J***Q29216 小时前
Vue数据可视化
前端·vue.js·信息可视化
JIngJaneIL17 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
roman_日积跬步-终至千里17 小时前
【强化学习基础(2)】被动强化学习:学习价值函数
学习