历史vue的作者是Yuxi，发布于2014年，是一个拥有大量用户的前端框架。该框架有以下优点：JS框架简化了DOM操作响应式数据驱动视图框架和库jquery库的区别：->DOM+请求框架：功能齐全的肯德基世界：该库相当于一个封装框架，即相当于一个全家桶代码不同：一般使用库的代码是调用库的某个函数，我们控制它库的代码一般使用框架，它的框架帮助我们运行我们的代码已经写好了1.初始化我们自己的行为2.执行你写的代码3.释放一些资源。在相应文件位置打开终端的方式，执行：cnpmivue其他方式见官方文档2.启动varapp=newVue({el:destination,template:templatecontent,data})注1：当模板没有内容时，调用目标，否则调用模板。模板优先级高于el挂载注2：当模板有多个元素时，必须有一个根元素注3：组件中，data必须返回一个函数，函数返回一个对象插值表达式{{expression公式的内容}}可以是：对象（不要连续使用3个{}），布尔值，字符串，三元表达式注意：对象中的语句必须在数据函数中返回varapp2=newVue({el:"#app",data(){return{msg:"我是第一个VUE练习作业",isshow:true}},template:`
{{msg}}
{{{'name':'jack'}}}
{{isshow}}
{{"isshow"}}
{{isshow?"Valueistrue":"false"}}
`,});instructions是什么概念：对于data+pages更方便的输出，这个操作叫做instructions，用v-xxx表示，vue中常用的v-instructionv-text元素的innerText必须是标签上的doublelabel，与{{}}类似，但此替换是完全替换。如果只需要替换部分，直接使用{{}}v-html元素的innerHtml（必须有根标签）v-if判断是否插入这个元素，相当于元素的销毁和创建语法：v-if=string，当data中声明string的值为true时，相当于H5中appendChild的值为false时，相当于H5中的removeChild。还可以使用v-show结合v-elseifv-else隐藏和显示元素，为元素样式添加显示。基于css样式的switch语法：v-show=characterString，当data中声明string的值为true时，相当于H5中的div.style.display='block'。当值为false时，相当于H5v-if和v-sh中的div.style.display='none'ow和v-if的区别是惰性的，只有满足条件时才会渲染v-show，不管条件为真还是假总结：v-if有更高的切换开销，v-show有更高的初始渲染开销v-for使用循环遍历数组或对象语法：v-for="(item,indexinarrs)"v-for优先级高于v-if,v-show,v-text,v-htmlvarapp=newVue({el:"#app",template:`
