vue.js笔记

1.由于模板元素会删除然后重新渲染，如果a是body里的元素,此时执行click事件并a并未隐藏。可以把$a放在new vue后面执行，则没有问题。

var $a=$("#a");

var vm = new Vue({
el: '#body',
data: {

},
Click: function (event) {

$a.hide();

}
});

 

2.绑定class

<div v-bind:class="{ active: isActive }"></div>  

教程中给定的例子如上，但是要注意的是，active此时也是个变量，如果是常量，则‘active’。

 

3.组件命名

<div id="example">
<my-component></my-component>
</div>

// 注册
Vue.component('my-component', {
template: '<div>A custom component!</div>'
})

// 创建根实例
new Vue({
el: '#example'
})

 

命名只能小写，如果是My-component,会找不到组件而报错。

 

4.防止页面加载时出现闪烁{{}}

1 [v-cloak] {
2   display: none;
3 }
4 
5 <div v-cloak>
6   {{ message }}
7 </div>