[JS][Vue]学习记录之Vue的引入

Demo地址

前言

大前端时代,作为移动app开发者,是有必要去了解一下前端的一些技术点的.我选择了大热的Vue.js.

前提

对JavaScript有一定的了解.

几个概念:

• 渐进式框架:这里有一篇文章比较好的阐述了这个概念,其核心就是不做过多职责外的事儿,拒绝一些强条款让用户必须接受.
• 数据绑定:数据绑定到某个视图之后,视图会跟随数据变化而变化.

开发工具

WebStorm 2018.1

如何接入Vue.js

1.WebStorm->Preferences->Plugin->Vue.js.然后在js文件中如下使用:

import 'Vue'
var app = new Vue({
    el:'#someId',
    data:{
        name : 'allen',
        age : 27
    }
});

2.通过CDN,在HTML中如下引用:

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

3.通过在官网手动下载js包.这里下载的是开发版本.

然后在工程导入即可:

这样Vue.js就导入到项目中了.