Vue起步
2019-02-03 本文已影响0人
Monica114
第一步先下载,有很多下载的方法可以直接进去官网下载https://vuejs.org/js/vue.min.js,如果安装了Node.js和npm可以直接在命令行输入 npm install vue
![](https://img.haomeiwen.com/i16121796/8ea717d965483211.jpg)
创建一个新的HTML文件在script标签里引入vue,实例化一个vue
![](https://img.haomeiwen.com/i16121796/c55eae06b9f01f91.jpg)
先新建一个div并且给定一个id,随后在script标签里实例化一个vue,el:"id"指挂载的节点,一般是id名称,也就是你需要渲染的区域(id为app的div),data 用于定义属性,实例中有一个message的属性,而div标签中包含了p标签,p标签里的{{ }} 是用于输出对象属性和函数返回值,最终结果会输出:你好,vue
![](https://img.haomeiwen.com/i16121796/6f66f541d3c46ced.jpg)