前端实训-中级阶段(38)-vue2.x使用说明和自定义使用说明
前端最基础的就是HTML+CSS+Javascript。掌握这三项技术算是入门,但也只是入门而已。现在前端开发的定义远不止于此。前端小课堂(HTML/CSS/JS),本着提高技术水平,夯实基础知识的中心思想,开课(每周四)。在前面的章节中我们或多或少地看到了一些指令,今天我们将详细介绍内置指令以及如何自定义指令。内置指令v-text、v-htmlv-text更新元素的textContent。注意,不是innerText。我更喜欢使用插值,如果你想更新部分textContent,显然使用{{Mustache}}插值。{{msg}}v-html更新元素的innerHTML。注意:内容以纯HTML形式插入——它不会被编译为Vue模板。如果你这么认为,那么你应该学习如何使用组件模式开发。比如你插入的内容不会有scoped样式,有v-if之类的也没用。不建议大家使用这个命令,因为XSS风险太大
v-show,v-if,v-else,v-else-ifv-show通过控件样式的显示来实现显示和隐藏。(可以理解为还在DOM树中)
小菜鸟=10">大菜鸟=20">老鸟
v-if、v-else、v-else-if通过创建控制显示和隐藏和破坏。(可以理解为DOM树中不存在,已经释放)
小菜鸟大菜鸟老鸟
v-for来自遍历渲染数据。可以迭代值、数组和对象。