vue快速入门

首先使用idea新建一个静态项目

初始化项目

打开终端执行 npm init -y
然后安装vue npm install vue --save
vue也可以使用cdn引入即可

新建一个html文件

引入本地的vue.js

demo案例

    
    
    




    

    

    

    


    

    


    

    
ctrl+点击



    java

    python

    php

    c++


    

        自我介绍：

        {{name}}真的好帅，尽管他已经{{age}}岁了
    
    

        你选择了{{language.join(",")}}语言
    

    

        

            {{index+1}}-{{user.username}}-{{user.gender}}
        
    

    
    
我显示出来了
    
hello

    

        

            {{user.username}}-{{user.gender}}
        
    

总结

vue是一种MVVM框架,实现了模型和视图的双向绑定。模型简单来说就是数据，视图就是你所看到的网页。