昨日工作日记

一，什么是vue

vue是一套用于构建用户界面的渐进式框架。与其他不同的是，vue被设计为可以自底向上逐级应用。vue的核心是是只关注视图层。不仅易于上手。还便于与第三方库或既有项目整合。另一方面。当与现代化的工具链以及各种支持类库结合使用时。vue也能完全能为复杂的单页面应用提供驱动。

二，初识vue

<div id="wxx">
{{ak47}}
</div>




<script>

new Vue({
  el:'#wxx'  //  与上面id元素绑定
  data:{
    ak47:'hello wxx'// 
}

})

</script>    

如上也是插值表达式、由两个花括号包含的一个表达式。

三，指令概述（指令都是在标签属性中出现，以键值对的形式出现）

1.v-text

文本指令， 不识别html标签

2.v-html

超文本指令 识别html标签。因此使用时可能出现安全问题。

3.v-once

单次加载指令。网页打开第一次加载。之后他的跟数据修改也不会变。只加载，网页打开的那一次

4.v-if

条件渲染指令。根据给的条件通过dom加载完成显示 页面很长时间才显示隐藏的 建议使用

5.v-show

条件渲染指令。 根据控制dispaly 来完成显示隐藏，频繁切换的建议使用

6.v-bind

属性绑定指令 把变量动态的绑定到标签元素属性上 简写省略v-bind 直接 ：

7.v-on

事件绑定指令 给标签添加事件处理机制   省略 写法  一个  @  后面如果跟函数的调用。函数写在 创建vue实例里的methods选项里。

8.v-for

列表渲染指令，类似for循环渲染页面。但是修改数据的时候 比for循环节省资源。通过key值属性，完成对应的数据状态保持。

9.v-model

表单数据绑定指令，用于数据双向绑定执行。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。