前言： 本篇文章主要讲解了Vue实例对象的创建、常用内置指令的使用、自定义组件的创建、生命周期（钩子函数）等。以及个人的心得体会，汇集成本篇文章，作为自己对Vue基础知识入门级的总结与笔记。 其中介绍了使用Vue框架创建一个简单的学生列表实现增加和删除数据信息的功能，对自己初次了解Vue ...

vue基础 前端渲染 将数据填充到HTML标签中 插值表达式 Example1 指令 指令 (Directives) 是带有 v- 前缀的特殊特性。 指令特性的值预期是单个 JavaScript 表达式(v-for 是例外情况，稍后我们再讨论)。 指令的职责 ...

一、样式绑定 　　class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 　　v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 1、class 属性绑定 ...

前面的话 　　Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上的困难。使用v-on有以下好处： 　　1、扫一眼HTML模板便能轻松定位 ...

前言： 今天再次看了看vue文档，又找到了知识盲区。 对于 将原生事件绑定到组件 ，文档有讲，别人也有写博客。 但我还是想根据自己的理解把这一内容讲清楚 总的来说，有三种方法： 使用native修饰符 使用$emit分发事件 使用$listeners ...

动态样式 作用：使用声明式变量来控制class和style的值 语法： ：class/：style 注意：尽可能不要把动态class和静态class一起使用，原因动态class起作用的时间会比较晚，需要通过Vue编译，会出现‘一闪而过’的效果。 动态class ...

v-bind:class=" " 绑定样式 v-on:事件=" " 绑定事件 不管是绑定样式、还是绑定事件，v-bind:class、v-on都需要置于Vue对象的管辖范围内才有效，可以放在el指定的元素 ...

1.样式绑定 1.1class类标签绑定 <p :class="对象"> <p :class="数组"> <p :class="{类名:true/false, 类名:true/false}"> 1.2 style样式绑定 ...