写在前面的话:要构建自己的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:表单元素的绑定,输入数据和状态的绑定
实例选项
在项