<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue指令</title>
</head>
<body>
<script type="text/javascript" src=" https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!-- v-text 添加纯文本 -->
<!-- v-html 识别html标签 -->
<!-- v-once只渲染一次 无表达式-->
<!-- v-show 通过布尔值显示和隐藏,安全性不高,特效使用
<!--v-if生成或移除,安全性较高-->
<!-- v-for 数组,对象-->
<!-- v-cloak 编译结束 -->
<div id="app">
<!-- v-text -->
<p v-text="mess"></p>
<!-- v-html -->
<p v-html="mess"></p>
<p>{
{mess}}</
vue2.0指令介绍
最新推荐文章于 2023-07-12 23:18:28 发布
本文详细介绍了Vue2.0中的核心指令,包括v-if、v-for、v-bind、v-on等,深入理解这些指令对于高效开发Vue应用至关重要。通过实例解析,展示了如何在模板中使用它们来实现条件渲染、列表遍历、属性绑定和事件处理。
摘要由CSDN通过智能技术生成