vue-js笔记

1、在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定；

2、按钮的事件我们可以使用 v-on 监听事件，并对用户的输入进行响应；

3、Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。由"管道符"指示, 格式：

{{ message | capitalize }}

4、v-bind 指令被用来响应地更新 HTML 属性；

5、在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定；

6、我们也可以使用 v-show 指令来根据条件展示元素：

7、循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名；

8、我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行；可以说使用 computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性。

9、我们可以在 v-bind:style 直接设置样式：<div id="app"> <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">东方不败</div> </div>；也可以直接绑定到一个样式对象，让模板更清晰：<div id="app"> <div v-bind:style="styleObject">东方不败</div> </div>；v-bind:style 可以使用数组将多个样式对象应用到一个元素上：<div id="app"> <div v-bind:style="[baseStyles, overridingStyles]">东方不败</div> </div>。

 

 

 

 

转载于:https://my.oschina.net/u/583029/blog/1838611