Pasang

Direktori

• Vue Devtools

• Secara langsung guna <skrip>

  • NPM

Baris arahan alat
Penjelasan binaan berbeza
terminologi

• runtime + compiler vs. runtime sahaja

  • Mod persekitaran pengeluaran

  • Persekitaran CSP
  • Versi Pembangunan

  Bower

• Pemuat Modul AMD

• Keserasian

Vue
tidak menyokong IE8 dan ke bawah kerana Vue menggunakan ciri ECMAScript 5 yang tidak boleh dicontohi oleh IE8. Tetapi ia menyokong semua

.

Tukar log

Versi stabil terkini: 2.6.10

GitHub.

Vue Devtools

Apabila menggunakan Vue, kami mengesyorkan memasang

pada penyemak imbas anda. Ia membolehkan anda menyemak dan menyahpepijat aplikasi Vue dalam antara muka yang lebih mesra pengguna.

Gunakan terus <script> untuk mengimport

Muat turun terus dan gunakan <script> tag untuk mengimport, Vue akan didaftarkan sebagai pembolehubah global.

Jangan gunakan versi mampat dalam persekitaran pembangunan, jika tidak, anda akan kehilangan semua amaran tentang ralat biasa <script> 引入

直接下载并用 <script> 标签引入，Vue

Versi pembangunan

termasuk amaran penuh dan mod nyahpepijat

!

Produksi Version Amaran, 33.30kb min+gzip

cdnfor prototyping atau pembelajaran, anda boleh menggunakan versi terkini seperti ini:

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

for pengeluaran pengeluaran, kami mengesyorkan Pautkan ke nombor versi yang jelas dan fail binaan untuk mengelakkan kerosakan tidak dijangka yang disebabkan oleh versi baharu:

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

Jika anda menggunakan Modul ES asli, terdapat juga fail binaan yang serasi dengan ES Modul di sini:

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.esm.browser.js'
</script>

Anda boleh menemuinya di

Semak imbas kod sumber pakej NPM. Vue juga tersedia di

dan cdnjs (kemas kini versi cdnjs mungkin sedikit ketinggalan). Sila pastikan anda memahami

dan gunakan versi persekitaran pengeluaran dalam tapak terbitan anda, . Ini adalah binaan yang lebih kecil yang membolehkan pengalaman kelajuan yang lebih pantas daripada persekitaran pembangunan. vue.js 换成 vue.min.js

NPM

[1]^{. NPM berfungsi dengan baik dengan pengikat modul seperti} webpack atau Browserify. Pada masa yang sama, Vue juga menyediakan alatan sokongan untuk membangunkan komponen fail tunggal.

# 最新稳定版
$ npm install vue

Alat Talian Perintah (CLI)

untuk membina perancah kompleks untuk aplikasi satu halaman (SPA) dengan cepat. Ia menyediakan tetapan binaan termasuk bateri untuk aliran kerja bahagian hadapan moden. Ia hanya mengambil masa beberapa minit untuk disiapkan dan didatangkan dengan tambah nilai panas, pemeriksaan linutan semasa penjimatan dan binaan sedia pengeluaran. Untuk butiran lanjut, sila semak dokumentasi Vue CLI.

Alat CLI menganggap pengguna mempunyai tahap pemahaman tertentu tentang Node.js dan alat binaan yang berkaitan. Jika anda baru menggunakan Vue, kami amat mengesyorkan membaca Panduan tanpa alat binaan terlebih dahulu, dan kemudian membiasakan diri dengan Vue itu sendiri sebelum menggunakan CLI.

Penjelasan binaan berbeza

Dalam direktori pakej dist/NPM anda akan menemui banyak binaan Vue.js yang berbeza. Perbezaan antara mereka disenaraikan di sini:

Syarat

• Versi Penuh: Versi yang merangkumi pengkompil dan masa jalan.

• Penyusun: Kod yang digunakan untuk menyusun rentetan templat ke dalam fungsi pemaparan JavaScript.

• Runtime: Kod yang digunakan untuk mencipta tika Vue, membuat dan memproses DOM maya, dsb. Pada asasnya segala-galanya kecuali pengkompil.

• UMD: Versi UMD boleh digunakan terus dalam penyemak imbas melalui teg <script>. https://cdn.jsdelivr.net/npm/vue<script> 标签直接用在浏览器中。jsDelivr CDN 的 https://cdn.jsdelivr.net/npm/vue 默认文件就是运行时 + 编译器的 UMD 版本 (vue.js)。

• CommonJS：CommonJS 版本用来配合老的打包工具比如 Browserify 或 webpack 1。这些打包工具的默认文件 (pkg.main) 是只包含运行时的 CommonJS 版本 (vue.runtime.common.js)。

• ES Module：从 2.6 开始 Vue 会提供两个 ES Modules (ESM) 构建文件：

  • 为打包工具提供的 ESM：为诸如 webpack 2 或 Rollup 提供的现代打包工具。ESM 格式被设计为可以被静态分析，所以打包工具可以利用这一点来进行“tree-shaking”并将用不到的代码排除出最终的包。为这些打包工具提供的默认文件 (pkg.module) 是只有运行时的 ES Module 构建 (vue.runtime.esm.js)。

  • 为浏览器提供的 ESM (2.6+)：用于在现代浏览器中通过 <script type="module"> 直接导入

运行时 + 编译器 vs. 只包含运行时

如果你需要在客户端编译模板 (比如传入一个字符串给 template 选项，或挂载到一个元素上并以其 DOM 内部的 HTML 作为模板)，就将需要加上编译器，即完整版：

// 需要编译器
new Vue({
  template: '<div>{{ hi }}</div>'
})
// 不需要编译器
new Vue({
  render (h) {
    return h('div', this.hi)
  }
})

当使用 vue-loader 或 vueify 的时候，*.vue daripada jsDelivr CDN versi UMD (vue. js).

🎜🎜ESM untuk alatan pembungkusan: untuk alatan seperti Alat penggabungan moden disediakan oleh webpack 2🎜 atau Rollup🎜. Format ESM direka bentuk untuk dianalisis secara statik, jadi alat pembungkusan boleh memanfaatkan ini untuk melakukan "goncang pokok" dan mengecualikan kod yang tidak digunakan daripada pakej akhir. Fail lalai yang disediakan bersama alat pembungkusan ini (pkg.module) ialah binaan Modul ES masa jalan sahaja (vue.runtime.esm.js). 🎜🎜🎜🎜ESM untuk penyemak imbas (2.6+): untuk import langsung dalam penyemak imbas moden melalui <script type="module"> 🎜🎜

module.exports = {  // ...
  resolve: {    alias: {      'vue$': 'vue/dist/vue.esm.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'
    }
  }
}

const alias = require('rollup-plugin-alias')

rollup({  // ...
  plugins: [
    alias({      'vue': require.resolve('vue/dist/vue.esm.js')
    })
  ]
})

{  // ...
  "browser": {    "vue": "vue/dist/vue.common.js"
  }
}

{  // ...
  "alias": {    "vue" : "./node_modules/vue/dist/vue.common.js"
  }
}

module.exports = {
  mode: 'production'
}

var webpack = require('webpack')

module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify('production')
      }
    })
  ]
}

const replace = require('rollup-plugin-replace')
rollup({
  // ...
  plugins: [
    replace({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
}).then(...)

NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

# 最新稳定版本
$ bower install vue