Vue中的指令介绍
Vue中的指令介绍 指令 解释:指令 (Directives) 是带有 v- 前缀的特殊属性 作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM v-text 解释:更新元素的 textContent <h1 v-text="msg"></h1> v-html 解释:更新元素的 innerHTML <h1 v-html="msg"></h1> v-bind 作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM.响应式地更新 HTML attribute: 语法:v-bind:title="msg" 简写::title="msg" <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> <script> // 2 创建 Vue 的实例对象 var vm = new Vue({ // el 用来指定vue挂载到页面中的元素,值是:选择器 // 理解:用来指定vue管理的HTML区域 el: '#app', // 数据对象,用来给视图中提供数据的 data: { url: 'http://www.baidu.com' } }) </script> v-on 作用:绑定事件 语法:v-on:click="say" or v-on:click="say('参数', $event)" 简写:@click="say" 说明:绑定的事件从methods中获取...