【Vue.js】基本介绍及安装，学习笔记（一）

作者: kingloongMagic | 来源:发表于2018-08-24 21:18 被阅读0次

一、官方网站

https://cn.vuejs.org/v2/guide/index.html

二、安装

1、直接用<script>引入方式
2、下载开发版本

https://cn.vuejs.org/v2/guide/installation.html#%E7%9B%B4%E6%8E%A5%E7%94%A8-lt-script-gt-%E5%BC%95%E5%85%A5

3、将vue.js保存到项目中
4、在html代码中引入js，将js引入代码放在head，不要放在body中，避免出现抖屏

<head>
    <meta charset="UTF-8">
    <title>Vue学习</title>
    <script src="./vue.js"></script>
</head>

5、数据挂载

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue学习</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="root">{{msg}}</div>
    <script>
        new Vue({
            el:"#root",
            data:{
                msg:"hello world"
            }
        })
    </script>
</body>
</html>

关键字说明：
el 挂载点
data 数据
msg 参数化的变量名