【Vue.js】基本介绍及安装,学习笔记(一)

一、官方网站

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 参数化的变量名

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.html 前端...
    秋风喵阅读 12,617评论 7 163
  • 扶贫,已搞了很久,甚至有些地方越扶越贫,究其原因,精神营养匮乏,而我们以往的扶贫,均是扶物资,经济,扶的方位,不发...
    徐卫军阅读 457评论 4 17
  • 【知~学习】 《六项精进》2遍 共44遍 《大学》2遍 共39遍 •••••• 【经典名句分享】 人生最大的快乐,...
    W小熊阅读 95评论 0 0
  • 在iOS开发过程中,属性的定义往往与retain, assign, copy有关,这里先简单介绍下这几个的区别 N...
    心情的颜色阅读 1,640评论 7 4
  • 总有一瞬间,想大哭一场,因为心里有太多委屈。总有一瞬间,想要喝的烂醉,因为心里太多心碎。心情低落的时候,想要宣泄,...
    yjq_cbe6阅读 319评论 2 3