下载vuejs,Hello Vue(vscode)
传送门:https://cn.vuejs.org/v2/guide/installation.html
1.如果一开始仅仅是熟悉vue语法,没必要搭建大型vue的框架,下载vuejs库,即可进行语法练习。
![enter description here enter description here](./images/%E4%B8%8B%E8%BD%BD.gif)
enter description here
2.新建一个vue工程目录,在Vscode中找到并打开该目录,新建一个lib文件,把下载下来的vue.js直接拖拽到工程即可。
![拖拽进vscode 拖拽进vscode](./images/%E6%8B%96%E6%8B%BD%E8%BF%9Bvscode.gif)
拖拽进vscode
3.新建一个h5文件,并在script标签下引入该库文件。
![引入库 引入库](./images/%E5%BC%95%E5%85%A5%E5%BA%93.gif)
引入库
4.HelloVue
![Hello Vue Hello Vue](./images/HelloVue.gif)
Hello Vue
前端渲染的本质:通过AJAX获取服务器后台数据,将数据填充到HTML标签,然后通过V8引擎渲染到浏览器
![前端渲染 前端渲染](./images/1574770570249.png)
前端渲染
Vue的基本使用步骤
1、创建用于填充数据的容器标签
2、引入vue.js库文件
3、创建vue对象实例
4、把vue供的数据填充到标签里面
![Vue的基本使用步骤 Vue的基本使用步骤](./images/1574771030817.png)
Vue的基本使用步骤