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> <p id="app"> {{ message }} </p> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </html>
老项目直接引入vue.js文件
你可以试试html。但是这样不符合vue的语法了,它会报错
.vue格式并不是最终引入到页面的文件,经过webpack打包之后都会生成一个普通js文件,引入这个js文件就可以了。
把老项目布置到v-cli上,然后引用.vue组件,再webpack打包
第一个问题,关于后缀
以什么后缀跟VUE没有任何关系,vue只是个特殊的text文件而已,就算你用 .abc 都行。
这一切都该归功于webpack,在webpack 的loaders配置中,能让你给指定文件一个,或多个加载器。你也可以把这些加载器理解为预编译工具。
第二个问题,vue小项目类似第三方库的用法