在html文件中引用vue.js和直接创建.vue文件有什么差别?

1、在html文件中引用vue.js:

引用Vue.js后可以在 浏览器上直接使用Vue的实例。

2、直接创建.vue文件:

只能通过编译后,才可在浏览器上运行查看效果。

vue文件需要使用vue的模板编译器编译为js后才能使用,直接引用vue.js挂载是直接写js(与引用jquery相同),前者是使用vue模块进行前端开发,后者是直接引用vue.js,可以直接在浏览器上

执行.vue文件为单文件组件,需要配合webpack和node 下载对应的模块 然后对.vue文件执行编译 编译完成后可以正常运行。

直接引用vuejs不需要编译,.vue的文件是需要编译的,.vue的方式方便开发组件封装,最终效果是一样的,但是感觉.vue这种方式虽然配置环境比较繁琐,但是做组件会很清晰,一个小的功能组件就是一个.vue文件,里面包含这个组件用的js 和样式,还有模板,维护方便。

总结:

方式.vue文件直接引入vue.js
操作程度复杂,需配置部署环境较为简单,类似引入jquery
开发使用较为专业,组件封装友好较为简便,直接调用API
兼容性可以与uniapp框架组件通用可以与其他js库混合使用
Logo

前往低代码交流专区

更多推荐