Vue3.0学习 （2）- v-text指令

解决的问题

v-text 指令 往Html标签内部插入内容

H5调试技巧

1、H5开发时没有专门的IDE需要在浏览器中查看，如果想要查看移动端效果，按F12 然后选择 移动端效果。

2、查看效果后会发现字体较小

需要在head中添加meta标签（固定格式）：

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

v-text 指令

1、html基础知识

1.1 html中的div 称为 元素 或者 标签
1.2 div 里面的id 称为 属性
1.3 div 里面的v-text 称为 指令

2、v-text使用

2.1 指令写在 根部 div 无效

2.2 指令写在 外层 div 会把内层的 div 的{{}} （或内层的 v-text指令） 覆盖。

2.3 同一级别都可以展示