长沙网络建站,网页设计制作学校网页,wordpress 水墨,seo实战培训学校Vue 会根据不同的【指令】#xff0c;针对标签实现不同的【功能】
概念#xff1a;指令#xff08;Directives#xff09;是 Vue 提供的带有 v- 前缀 的 特殊 标签属性。
为啥要学#xff1a;提高程序员操作 DOM 的效率。
vue 中的指令按照不同的用途可以分为如下 6 大…
Vue 会根据不同的【指令】针对标签实现不同的【功能】
概念指令Directives是 Vue 提供的带有 v- 前缀 的 特殊 标签属性。
为啥要学提高程序员操作 DOM 的效率。
vue 中的指令按照不同的用途可以分为如下 6 大类
内容渲染指令v-html、v-text条件渲染指令v-show、v-if、v-else、v-else-if事件绑定指令v-on属性绑定指令 v-bind双向绑定指令v-model列表渲染指令v-for
指令是 vue 开发中最基础、最常用、最简单的知识点。
语法
v-html 表达式 → 动态设置元素 innerHTML示例代码
bodydiv idapp!-- 插值表达式并不能解析标签而是会以存文本的方式展示到页面上 --div{{ msg }}/divdiv v-htmlmsg/div/divscript srchttps://cdn.jsdelivr.net/npm/vue2/dist/vue.js/scriptscriptconst app new Vue({el: #app,data: {msg: h3学前端~来黑马/h3}})/script
/body具体有哪些指令可以查询官网
学习 -- API 可以看见总共14个指令但这14个并不都是常用的只用下述用红框框起来的这10个指令才是常用的