vue学习

框架的特点:

简洁,高效,易于维护

vue jquery主要区别:

jquery 操作dom

vue 数据驱动,程序只与数据打交道,不直接操作dom

 

vue 核心:数据驱动,虚拟dom

组件: 通信

指令: 对html元素的功能扩展,<div ng-xx></div>

过滤器: 

状态管理:

 

组件: component

复用,简洁

<hello v-xxx></hello>

angular1.x 指令

 

这里， v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素 

<div id="app"> <p v-if="seen">现在你看到我了</p> </div> <script> new Vue({ el: '#app', data: { seen: true } }) </script>

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

<div id="app">
<h1 v-show="ok">Hello!</h1>
</div>

<script>
new Vue({
el: '#app',
data: {
ok: true
}
})
</script>