更换dns能上国外网站吗,商城网站开发 多少钱,网上书店网站建设方案策划,关于电子商务的知识前言 本文希望读者有一定的Vue开发经验#xff0c;样例采用vue中的单文件组件#xff0c;也是我的个人笔记#xff0c;欢迎一起进步 必须有根元素 这是一个最简单的vue单文件组件#xff0c;template/template被称为模板#xff0c;模板中必须有一个根元素…前言 本文希望读者有一定的Vue开发经验样例采用vue中的单文件组件也是我的个人笔记欢迎一起进步 必须有根元素 这是一个最简单的vue单文件组件template/template被称为模板模板中必须有一个根元素 template div /div /template script /script 模板中可以写什么
1、静态内容不变的内容称为静态内容
html元素、vue组件 template div hello-world/hello-world /div /template 备注组件名使用hello-world/hello-world或者HelloWorld/HelloWorld均可以
2、插值也称mustcache语法 {{}}中写的是JS表达式如果对JS表达式不理解的话只需要记住能写在return语句后面的带有返回值的语句就是JS表达式
注意{{}}语法不能用在元素属性上只能用在元素内容上
模板的当前环境为组件对象或者Vue对象所以不用写this了,Vue框架已经帮你处理 template div hello-world {{ baby }} /hello-world /div /template 3、指令 html元素或者组件上能写一种v-开头的属性这些属性称为指令指令中的值也是JS表达式当前环境也为组件对象或者Vue对象
再次强调指令中写的也是JS表达式如果对JS表达式不理解的话只需要记住能写在return语句后面的带有返回值的语句就是JS表达式
指令只能作用在元素的属性、或者组件的属性上这点要与{{}}区分开 template div hello-world clickfk /hello-world /div /template 4、特殊属性Vue框架自己添加的属性
如key、ref等属性这些属性都是Vue框架规定好的属性。 template div hello-world clickfk reffirst {{ baby }} /hello-world /div /template 总结一下
1、元素组件内容用插值语法{{}}
2、元素组件属性用指令v-xxx
3、插值和指令中的值都是JS表达式
4、只需要记住能写在return语句后面的带有返回值的语句就是JS表达式
5、本文只介绍单文件组件中的模板基础知识
