vue的安装和测试

@vue的初学习

使用工具

学习前端有许多的学习软件可用，如vscode，idea，webstorm及sublime text。
这里主要使用介绍的是vscode编辑器

vscode

关于vscode编辑的相关介绍在官网

[https://code.visualstudio.com]

中有详细内容，这里不做多阐述。
选它的理由：

1. 穷，vscode作为为数不多的免费开源的编辑器。
   在“三代甜品级编辑器”中，TextMate，Sublime text，vscode中，就vscode属免费编辑器；
2. 轻量性，vscode所占内存不是很大，所以运行起来也是相对轻松一些，对电脑要求不会太大；
3. 普遍的使用，现在有很多大公司也正在转向vscode

vue.js

vue.js直接从官网中下载

https://cn.vuejs.org

在官网中选择学习中的教程

Vue 不支持 IE8 及以下版本（现在应该大多数浏览器都是IE8以上的了）

目前我们学习的话使用开发版本就好了，以后到公司做团队项目再是生产版本
鼠标右键将链接另存为自己的项目文件夹中

利用vscode简单编写helloworld

1. 用script引入vue.js

<script src="../vuework/js/vue.js"></script>
<!-- src="../自己的vue.js的路径" -->

<注：‘../’表示该项目下的绝对路径

2.然后类似于编写javascript一样，先用script包装我们所需要写的内容。

这里区分一下const，let，及var

• const：定义的变量不可修改，而且必须先初始化
  -（常量）
• let：是属于块级作用域，只作用于你的定义的函数内部-（变量）
• var：可修改，当不初始化输出结果为undifine，不会报错

<div id="app">{{message}}</div>  //
    <script>
        const app = new vue({
            el:'#app',          //用于挂在需要管理的数据
            data:{              //定义数据内容
                message:"你好啊，明天！"
            },
        })

    </script>

注：
在new一个新vue对象时V大写

建议在data定义数据的口号{}后加个’，‘在编写时容易忘记

其中Mustache语法（也就是双大括号{{内容}}） 可以是：
1.表达式
2.变量/常量
3.函数
…
运行的结果如上所示