指令
Vue.js 的核心是采用简单的模板语法来声明式的将数据渲染进DOM里
v-if:使文本隐藏或显示;
v-show:跟v-if的意思一样,两者区别在于v-show适合切换率较高的数据;
v-for: 循环对象或者数组;
v-bind:绑定vue的标签或者组件的属性
静态属性 永远不改变 不是变量
动态属性 接收是变量 (v-bind)
v-on:绑定事件 v-on:click 简写为@click
v-model:只能绑定在输入框 实现数据的双向绑定
当你修改页面的时候 v-model自动去更新数据层
当你修改数据的时候 v-model自动去更新视图层
** 标题组件***
组件分为全局组件和局部组件
Vue组件: 代码复用和抽象的主要形式是组件
组件当作小型的单元实例对象 带有一个名称(小巧,独立,可复用)
全局组件命名格式:
Vue.component(”组件名“,{template:"组件内容"})
组件命名规则:
组件名不能跟html标签一致
局部组件命名格式:
new Vue({
components:{
slider(组件名):{
template:"<h2>slider- slider - slider</h2>"
}
},
})