前端

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中获取...