美文网首页Vue.js我爱编程
[JS][Vue]学习记录之Vue的引入

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

作者: 未来行者 | 来源:发表于2018-04-01 21:01 被阅读42次

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就导入到项目中了.

相关文章

网友评论

    本文标题:[JS][Vue]学习记录之Vue的引入

    本文链接:https://www.haomeiwen.com/subject/zymacftx.html