初学Vue

创造者：尤雨溪 

经历和发展:2014年Vue.js发布；2016年Vue2.x发布；2022年Vue3.x发布；

---

什么是vue?

            Vue 是一套用来动态构建用户界面的渐进式 JavaScript 框架

---

vue的安装

           1.直接绝对路径引用地址；

           2.将vue文件下载下来引入；

创建Vue的实例化对象

 模板指定

 Vue的文本渲染

 算数运算

 

 三元运算

 

 字符串翻转拼接

 

 文本渲染

         v-text指令

     

         v-html指令  

 

属性渲染

         绑定属性：v-bind                

条件语法

    v-if;

    v-else-if;

    v-else;

    v-show;

 

 v-if与v-show的区别：

1、“v-if”是操作dom根据判断条件来动态的进行增删DOM元素，“v-show”是c操作css样式根据判断条件来动态的进行显示和隐藏元素；

2、“v-if”的切换消耗高，“v-show”的初始渲染消耗高；

3、“v-show”的性能比“v-if”高等等。

事件

    on-click