vue 学习笔记

Vue 的两个核心点 ：响应的数据绑定

　　　　　　　　　 组合的视图组件(ui 页面映射为组件树)

一、指令 

　　职责：当前表达式的值改变时相应的将某些行为应用到DOM上

　　1.v-model　　

  v-model :将message 这个字段关联到input 的value  当我们修改input 里的value 值时 上面p 标签里的值对应的改变 实现双向绑定（页面里改变的内容 js 里的代码会对应的修改 js 代码的变动 会使页面中p标签里的值对应的改变）

控制模块隐藏：v-if 、v-show

v-for 循环

v-show  根据表达式的值，用来显示/隐藏元素 

v-show="表达式" 元素会被渲染在页面中，只根据表达式的值进行css切换

v-on（简写为 @） :事件绑定

v-bind（简写为 :）:属性绑定

：class

如果ischecked 为true 则天剑上delete 这个类名

new Vue({}) :实例化  所有的数据都放在data 中

方法

data :固定的一些数据

methods ：页面中会使用的一些方法

watch 监听

 'a' :data 里面的'a' watch 监听页面中所有 'a'的变化

数据渲染 ：v-html 、v-text、{{}}

 

new 一个vue 对象的时候可以设置它的属性，其中最重要的三个：data，methods，watch

data:vue 对象的数据

methods:vue对象的方法

watch:对象监听的方法

$ :自身属性和方法

 

 

html 模板

插值：文本插值  1、{{}}

　　　　　　　  2、替换实例上的属性值，当值改变时，插值内容会自动更新