zoukankan      html  css  js  c++  java
  • vue 文件引入

    直接 <script> 引入

    直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。重要提示:在开发时请用开发版本,遇到常见错误它会给出友好的警告。

    开发环境不要用最小压缩版,不然就失去了错误提示和警告!


    开发版本包含完整的警告和调试模式

    生产版本删除了警告,30.33kB min+gzip

    CDN

    推荐:https://cdn.jsdelivr.net/npm/vue,会保持和 npm 发布的最新的版本一致。可以在 https://cdn.jsdelivr.net/npm/vue/ 浏览 npm 包资源。

    也可以从 unpkg 和 cdnjs 获取 (cdnjs 的版本更新可能略滞后)。

    NPM

    在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件

    # 最新稳定版
    $ npm install vue

    命令行工具 (CLI)

    Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack my-project
    # 安装依赖,走你
    $ cd my-project
    $ npm install
    $ npm run dev

    CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手,我们强烈建议先在不用构建工具的情况下通读指南,熟悉 Vue 本身之后再研究 CLI。

    译者注:对于大陆用户,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

    对不同构建版本的解释

    在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建。这里列出了他们之间的差别:

     UMDCommonJSES Module
    完整版 vue.js vue.common.js vue.esm.js
    只包含运行时 vue.runtime.js vue.runtime.common.js vue.runtime.esm.js
    完整版 (生产环境) vue.min.js - -
    只包含运行时 (生产环境) vue.runtime.min.js -
  • 相关阅读:
    Python 面向对象
    python Flask
    工作中的Python脚本
    python模块
    python函数
    Python小课题练习作业
    Python文件处理
    Maven 生成可执行的jar包
    Maven [ERROR] 不再支持源选项 5。请使用 6 或更高版本
    MySQL 导入导出数据
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7760173.html
Copyright © 2011-2022 走看看