初识vue
2021/7/19 23:35:41
本文主要是介绍初识vue,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
初识vue:
插值语法:
1.<div id="root">是一个容器,容器中写的不是原始HTML代码,是Vue的模板代码
2.所谓模板代码,类似react中的jsx,是html与js的混合体
3.{{xxx}},xxx会自动读取data里面的xxx属性,xxx当一个表达式去解析(MDN有表达式的详细解析)
双大括号语法叫插值语法,功能用于解析标签体内容
指令语法:用于解析标签(包括标签属性、标签内容、绑定事件),vue中有很多指令
v-bind:属性名:让该属性的值动态起来(可以删掉v-bind,可以简写成 : 属性名),要给标签内写的任何属性赋值,都需要用到v-bind
v-on:事件,绑定事件,简写为@
这篇关于初识vue的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21Vue3教程:新手入门到实践应用
- 2024-12-21VueRouter4教程:从入门到实践
- 2024-12-20Vue3项目实战:从入门到上手
- 2024-12-20Vue3项目实战:新手入门教程
- 2024-12-20VueRouter4项目实战:新手入门教程
- 2024-12-20如何实现JDBC和jsp的关系?-icode9专业技术文章分享
- 2024-12-20Vue项目中实现TagsView标签栏导航的简单教程
- 2024-12-20Vue3入门教程:从零开始搭建你的第一个Vue3项目
- 2024-12-20从零开始学习vueRouter4:基础教程
- 2024-12-20Vuex4课程:新手入门到上手实战全攻略