---vue学习第一天

1. vue将数据渲染到dom中
2. v-xx表示指令
   鼠标悬停几秒钟查看此处动态绑定的提示信息！

该指令的意思是：“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致”

1. 条件，用于切换元素是否可见

   现在你看到我了

1. 循环
   1. {{ todo.text }}

1. 处理用户输入,v-on指令监听事件

   {{ message }}

   逆转消息

1. v-model指令,它能轻松实现表单输入和应用状态之间的双向绑定。

   {{ message }}

1. 组件定义

1. vue实例 vm可以访问所有属性及方法 例如vm.a=1 var data = {a:1}; var vm = new Vue({ //选项 data:data })

   1. 数据与方法 data对象 当数据发生改变时，视图会重新渲染 vue语法可以直接访问最内部的数据，无需引用和参考（这里是指用户定义属性） 实例的属性和方法采用以下语法 vm.$data($操作符的使用)

2. 生命周期 created\mounted\updated 不要在属性或者毁掉函数上使用箭头函数 如： created: () => console.log(this.a)

3. {{msg}}数据绑定,{{}}会将数据解释为普通文本，若输出html，需要使用v-html

   Using v-html directive:

问题：不能使用v-html来复合局部模板，因为VUE不是基于字符串的模板引擎。

1. 参数名称，一些指令能够接收一个“参数”，在指令名称之后以冒号表示。

...

1. 缩写 ...

...

...

...

1. 模板，例如
   {{ message.split('').reverse().join('') }}