Vue基础之初识Vue

43次阅读

共计 867 个字符,预计需要花费 3 分钟才能阅读完成。

Vue 特点及优点

小巧,压缩后体积 17KB;
渐进式,不需要一口吃成大胖子,一上来就用所有的东西,可以一步一步、有阶段的先吃成小胖子;
数据驱动,双向数据绑定,MVVM 模式,详见下一段
指令,例如 v -if/v-show 等
插件,如果你听过鼎鼎有名的饿了么 UI 你就更能体会其中精妙之处,不过不要着急

MVVM 模式(面试考点)
和知名前端框架 Angular 一样,Vue.js 设计上也使用 MVVM 模式 MVVM 模式(Model-View-ViewModel)由 MVC 模式衍生而来。当 View(视图层)发生变化时,会自动更新到 ViewModel(视图模型),逆推也成立。所以这两者(View-ViewModel)的关系就是所谓的数据双向绑定。
下载安装
通过 script 加载 CDN 文件
<!– 指定某个具体版本的 Vue.js –>
<script src=”https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js”></script>
<!– 自动识别最新版本的 Vue.js –>
<script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
两个版本都可以,如果不太了解各个版本的区别,建议直接使用最新的稳定版本(如果辗转反侧非想了解其中的差别可以前往 vue 官方文档的安装章节的“对不同构建版本的解释”)。注意:在你发布的站点中使用生产环境版本,把 vue.js 换成 vue.min.js。这是一个更小的构建,可以带来比开发环境下更快的速度体验。

将代码下载下来,通过自己的相对路径引用

npm 下载只需要会 npm 的使用和项目初始化就可以了

NPM 是随同 NodeJS 一起安装的包管理工具,由于新版的 nodejs 已经集成了 npm,所以之前 npm 也一并安装好了。NPM 允许用户从 NPM 服务器下载别人编写的第三方包到本地使用

使用 npm 命令安装模块
npm install 模块名

npm install vue

以上是本期全部内容,欲知后事如何,请听下回分解 <(~︶~)↗[GO!]

正文完
 0