深入学习vue

本文深入探讨Vue的特点,如不直接操作DOM,而是通过虚拟DOM优化渲染。介绍了Vue的基本语法,包括v-指令如v-if、v-for、v-bind和v-model,以及实例选项和组件系统。组件是Vue的核心,通过import导入和注册,通过props进行父子组件间的数据传递,同时讲解了如何使用$emit实现子组件向父组件的通信。
摘要由CSDN通过智能技术生成

写在前面的话:要构建自己的Vue知识体系,是构建前端体系的一部分
Vue的特点
1.不操作DOM元素,所有的DOM元素由Vue底层实现
2.底层,Vue将模板编译成虚拟DOM,并智能计算出最少需要重新渲染的组件,减少DOM的操作次数

引入

  • 单页面引入:
<script src="  ">
  • 工程中引入:vue-cli脚手架快速构建项目

基本语法

指令

'v-'开头的属性,会在渲染的DOM上应用特殊的响应式行为。

  • v-text, v-html:绑定内容
  • v-if, v-show:条件渲染,控制元素插入、更新、移除
  • v-bind:绑定属性
  • v-for:列表(循环)渲染,可以渲染数组信息展示
  • v-on:绑定事件
  • v-model:表单元素的绑定,输入数据和状态的绑定
实例选项

在项

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值