如何正确使用Vue.js的组件

引入jQuery通过npm安装依赖引入1、安装```npminstalljquery-S```12342、修改webpack配置文件build/webpack.base.conf.jsvarwebpack=require("webpack")//1.确保引入webpack，后面会用到module.exports={resolve:{extensions:['.js','.vue','.json'],modules:[resolve('src'),resolve('node_modules')],alias:{'vue$':'vue/dist/vue.common.js','src':resolve('src'),'assets':resolve('src/assets'),'components':resolve('src/components'),//2.定义别名和插件位置'jquery':'jquery'}},plugins:[//3.配置全局使用jquerynewwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery",jquery:"jquery","window.jQuery":"jquery"})]}123456789101112131415161718192021222324252627282930手动载入手动下载jquery放在static目录下，如：static/js/jquery.min.js和npm不同的只是在第二步定义别名和插件位置：alias:{'vue$':'vue/dist/vue.common.js','src':resolve('src'),'assets':resolve('src/assets'),'components':resolve('src/components'),//2.定义别名和插件位置"jquery":path.resolve(__dirname,'../static/js/jquery.min.js')}12345678引入jquery第三方插件可以通过npm安装的插件这种引入第三方插件的方法和上一节种引入echarts的方法是一样的手动引入