一起来学习Vue2吧

虽然Vue3已经出来好一阵子了，但就目前而言，Vue2在市场上还是会占一大部分的，因为一些老项目是用Vue2写的，后期维护也是需要Vue2，而且学会Vue2，Vue3你也会的差不多了，到后面稍微看一下理解一下Vue3就差不多了，它俩大差不差。

首先我们要先找到Vue2的网址

Vue.js (vuejs.org)

 新的页面打开，Ctrl+S保存下来

然后我们新建一个文件夹，把刚刚的vue.js保存到文件夹中，之后我们用vscode或者HBuilderX打开这个文件件并创建一个html文件。

在head标签里引入我们的vue.js

然后我们就可以开始写了。

当然你也可以跟着vue官网去学习，那上边也是有案例，可以试着去理解然后自己再拓展一下。

下面我跟大家提供一个案例

    
        
        
        
    
    
        

            {{title}}
            

{{job}}

        

    

    

将上面代码运行之后会显示下面

 我们在script里面new Vue

el是自定义名字，在body里面用id引用

再在data里面自定义名字title和job，在对应的id盒子里面用花括号{{}}引用，这样我们在script里面定义的东西就显示到前端页面了。

大家问为什么教这么简单的东西，因为这是一开始，如果一开始就发深层的东西，多了你们就会看的云里雾里的。

 下期我们讲v-if,v-else,v-else-if的用法，思路是和其他语言的if用法一样，只不过多了v-和-，感兴趣的同学可以自行了解一下。