vue学习第二天-vue模板语法

1、vue的模板语法使用{{}}符号来包括变量例如

<template><h2>测试测试</h2><p>{{msg}}</p><p>{{number+1}}</p><p>{{ok ? "yes":"no" }}</p><p>{{tell.split('').reverse().join("")}}</p><p v-html="rawhtml"></p>
</template>

2、页面的逻辑代码都放在了script标签里面例图

<script>export default { data(){return {msg: "测试模板语法",number:10,ok:true,tell:"大家好",rawhtml:"<a href='https://www.baidu.com'>百度</a>"}}}
</script>
备注:export default {data(){return {}}
}
1、这个结构在使用 vue的时候必须写 2、默认规则页面标签里面不用写逻辑判断模板只是展示变量使用的