【Vue框架】刚入手Vue框架必须了解.vue文件与引入vue.js的文件区别
在html文件中引用vue.js和直接创建.vue文件有什么差别?
·
在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库混合使用 |
更多推荐
已为社区贡献1条内容
所有评论(0)