H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】vue能不能不以.vue的后缀,我想引入老项目用,该怎么做?

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

回答:

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

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

回答:

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

回答:

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

回答:

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

回答:

第一个问题,关于后缀
以什么后缀跟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>
    <div id="app">
      {{ message }}
    </div>
  </body>

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

本文地址:H5W3 » 【Web前端问题】vue能不能不以.vue的后缀,我想引入老项目用,该怎么做?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址