工程中引入:vue-cli脚手架快速构建项目基本语法指令'v-'开头的属性,会在渲染的DOM上应用特殊的响应式行为。v-tex_vue深入学习">
当前位置:   article > 正文

深入学习vue_vue深入学习

vue深入学习

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

引入

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

基本语法

指令

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

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

在项

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/114698
推荐阅读
相关标签
  

闽ICP备14008679号