How do vue single-file components use other frameworks or libraries?

create projects using vue-cli3.x scaffolding
how can I use other UI frameworks or libraries in single-file vue components?
such as jQuery, Layui, Bootstrap.

I try to add a resource reference directly to public/index.html , add the road strength prefix
, and then bind the global variable to Vue.prototype in main.js and then use it in the vue single file component. Although it works, this should not be the correct way to use
and will report an error and warning every time it is compiled

.

look for other uses and find that they are all vue-cli2.x versions, which are realized by modifying the webpack configuration. The
vue-cli3.x version of the document is not understood, ask for boss"s help!

Html5 vue-cli vue.js javascript
May.11,2021

install the ui or js library you need through npm install xxx, introduce it in main.js, mount it to the instance of vue, and then use the plug-in or library you introduce globally
clipboard.png
. To use the ui library, you need to import a separate css file, and this css file is in the library you installed

.

using the external framework according to the principle, it is normal to bring in the corresponding css,js,html resources and initialize normally within the component.

however, depending on the project, some designs need to use these external resources globally, so they will put them on the prototype of vue.

if you have to do this, you can actually use use, that is, the use of the vue plug-in

.

learn how to use use

Previous: What locks will be added by default when mysql innodb engine insert data

Next: Why does v-html not work on vue textarea?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-42c17ac-6d5a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-42c17ac-6d5a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?