当前位置: 首页 > article >正文

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,

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


http://www.kler.cn/a/404044.html

相关文章:

  • vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗
  • 【腾讯云产品最佳实践】腾讯云CVM入门技术与实践:通过腾讯云快速构建云上应用
  • 蓝桥杯每日真题 - 第20天
  • 使用node-addon-api实现从c到nodejs模块全流程
  • [Unity] 关于引入Google SDK以及使用的方法
  • 利用 TensorFlow Profiler:在 AMD GPU 上优化 TensorFlow 模型
  • 多模态大模型(4)--InstructBLIP
  • python中Pandas操作excel补全内容
  • 无人机与低空经济:开启新质生产力的新时代
  • Makefile 之 自动化变量
  • brpc 与 Etcd 二次封装
  • GitHub 开源项目 Puter :云端互联操作系统
  • Linux设置以及软件的安装(hadoop集群安装02)
  • pycharm复现github项目代码问题记录
  • 【zookeeper01】消息队列与微服务之zookeeper工作原理
  • GPT系列文章
  • 小作业顺序表
  • Word 插入分节符页码更新问题
  • ChatGPT 与其他 AI 技术在短视频营销中的技术应用与协同策略
  • 用户无法登陆,修改用户进程数
  • 聊聊Flink:Flink中的时间语义和Watermark详解
  • Qt/C++离线地图的加载和交互/可以离线使用/百度和天地图离线/支持手机上运行
  • 优化算法|基于Deep-Q-Network(DQN)的邻域搜索算法求解分布式柔性作业车间调度问题
  • InstantStyle容器构建指南
  • 2035:【例5.2】平移数据
  • 1. 语音信号基础