Vue第一天学习

1.认识vue

vue.js.与原生js相比，原生js是命令式编程，vue是声明式编程，区别在与vue是通过id挂载需要管理的元素，而不是直接讲元素直接放入声明的变量中，直接进行操作。

这是格式。

需要注意的是data的写法，可以用函数写，但是需要return。

2.{{}}Mustache语法

mustache是胡须的意思，语法又叫大括号语法，期语法不仅可以直接写变量也可以写简单表达式

注意：控制台中可以进行修改，格式为：app.data="",又或者第一点图中age的改变需要app.age.myage="";

3.简单的指令操作

v-bind; 鼠标悬停出现内容， 语法糖中是讲v-bind:title="msg"简写为:title="msg"

 

v-if; 条件；布尔类型控制 比如seen可是化，true可见，false不可见（直接让元素消失，不是隐藏）

 

v-for;循环，ps:li列表中有许多li，这里写一个就行，数据用数组来写

 

v-on;监听 在冒号后面加上事件类型

注意：methods的方法中引用上面的对象需要加上this

 

v-model;实现表单输入和应用状态之间的双向绑定

 

v-once;只会渲染一次，数据改变不会再次渲染，输入的数据就不会随着控制台的改变而变化

 

v-html;将data中的信息以HTML的格式渲染在页面上

 

v-text;使用v-text可以将标签上的字符串覆盖

v-pre;v-pre就是不被解析

 

v-cloak;类似div开始有一个css属性display:none;，加载完成之后，css属性变成display:block，元素显示出来，解决加载延时的问题，不会再加载时出现闪点