搜索

首页  >  问答  >  正文

javascript - vue能不能不以.vue的后缀，我想引入老项目用，该怎么做？

vue能不能不以.vue的后缀，我想引入老项目用，该怎么做？

迷茫迷茫2755 天前848

全部回复(5)我来回复

  • 大家讲道理

    大家讲道理2017-05-19 10:37:12

    老项目直接引入vue.js文件

    <script src="https://unpkg.com/vue/dist/vue.js"></script>

    回复
    0
  • 为情所困

    为情所困2017-05-19 10:37:12

    你可以试试html。但是这样不符合vue的语法了，它会报错

    回复
    0
  • 为情所困

    为情所困2017-05-19 10:37:12

    .vue格式并不是最终引入到页面的文件，经过webpack打包之后都会生成一个普通js文件，引入这个js文件就可以了。

    回复
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:37:12

    把老项目布置到v-cli上，然后引用.vue组件，再webpack打包

    回复
    0
  • 阿神

    阿神2017-05-19 10:37:12

    第一个问题，关于后缀
    以什么后缀跟VUE没有任何关系，vue只是个特殊的text文件而已，就算你用 .abc 都行。
    这一切都该归功于webpack，在webpack 的loaders配置中，能让你给指定文件一个，或多个加载器。你也可以把这些加载器理解为预编译工具。

      module: {
    rules: [{
        test: /\.vue$/, // 这里指定 .vue 文件通过 vue-loader 解析，你可以指定任何类型的文件。
        loader: 'vue-loader',
        options: vueLoaderConfig
      }]
   }

    第二个问题，vue小项目类似第三方库的用法

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-demo</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
  </head>
  <body>
    <p id="app">
      {{ message }}
    </p>
  </body>

  <script>
    var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue!'
      }
    })
  </script>
</html>

    回复
    0
  • 取消回复