vue的基本概念

Posted ly1368489670

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的基本概念相关的知识,希望对你有一定的参考价值。

vue.js是什么:

  渐进式javascript框架

什么是渐进式:

  主张最少,自底向上逐渐增强

普通或者简单的页面(vue.js库)+页面多了,需要切换(vue.js库+路由)+项目越来越复杂是一个大型的电商项目(vue/cli脚手架继承了vue库和webpack等等内容)

不断繁荣的生态系统,可以在一个库和一套完整的框架直接自如伸缩

官方解释什么是Vue.js

   Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计可以自底向上逐层应用。Vue的核心库只关注图层,不仅易于上手,还便于与第三方或既有项目整合。另一方面,当与现代化

的工具链以及各种支持类库结合使用时,Vue也完成能够为复杂的单页应用提供驱动

  vue很少去操作dom结构,也有需要操作dom的时候,这个时候可以引起jq,例如,音乐歌词播放

  jq会疯狂操作dom结构

官网地址:

  https://cn.vuejs.org/

教程地址:

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

兼容性

  Vue不支持IE8及一下版本,因为Vue使用了IE8无法模拟的ECMAScript5特性。但他支持所有兼容ECMAScript5的浏览器。

只兼容IE9及其以上

下载方式:

  1.cdn链接 :

    开发环境:

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

    生产环境:

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

  2通过npm管理包去下载
    首先在目录结构下面创建一个package.json文件,可以自动初始化,

命令是 npm    init   -y    ,也可以自定义配置,命令是npm    init    下一步下一步去操作

然后创建成功之后,下载你需要的依赖

    命令npm install(i)   vue 

  要求:目录结构名称不能是特殊的名字,比如node,vue,react等等

  不能用中文当文件夹的名字,拼音也不行(个人不建议)

  3 把vue.js核心库代码另存为本地

    打开网址,把文件另存为到本地,应用的过程中,直接引入即可

 

  

以上是关于vue的基本概念的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段2——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段13——Vue的状态大管家