Vue 基础02

1.Vue

1.Vue （国内） Angular（国外） React（国外）前端流行语言框架
vue最容易学习，为轻量级语言，它的创始人是尤雨溪（华人）
vue操作元素更方便，简化了DOM操作

2.Vue指令

v-for="val /value（值） in arr "用来循环数组、对象
v-model=" "双向数据绑定，用于表单元素
v-on: 事件名=“ ” v-on:click="函数名” 绑定事件

3.v-model

p中与input中输出的内容一致

    
{{msg}}
    

4.v-on

    
{{msg}}
    点击

5.点击切换文字

只能切换一次

    
{{msg}}
    点击

6.点击来回切换文字

    
{{msg}}
    点击

7.添加删除

    
    添加
    

        

            {{val}}
            删除
        
    

效果如图所示：

Image 1.png