VUE速学（一）下载与第一个VUE程序

跟随网络教程（hmcxy）进行学习，做个笔记，顺便记录学习Vscode、VUE的过程。有任何错误欢迎指出共勉。

一、VUE下载及Vscode下载

1、下载VUE开发版本文档      安装 - vue.js (vuejs.org)

2、下载Vscode及相关插件  Download Visual Studio Code - Mac, Linux, Windows

网络上有很多大大的教程，此处参考网上的教程进行下载

二、第一个VUE程序

1.步骤

1）创建文件夹，将上步下载的 vue.js文档粘贴到文件夹中

2）创建html文件，导入vue.is

 <script src="vue.js"> </script>

3）在body内写入代码，创建实例对象，设置el属性、data属性。渲染模板。

 <div id="app">{{message}}</div>
    <script>
        var app = new Vue({
            el:"#app",
            data:{
                message:"Hello Vue!"
            }

            })
    </script>

4）保存查看生成的页面：

2.有关知识点

1）el属性：

• 挂载点，管理的元素（此处为id为app的div）
• 命中在el选中的元素内部（可嵌套），在el选中元素外部不生效
• class选择器用".名字"，id选择器用"#名字"
• 只支持双标签，不包括body标签

例如：

2）data属性：

• 数据对象（内容），在此定义VUE中用到的数据对象

例如：