vue学习笔记5——路由相关配置,引入其他插件等
来源:互联网 发布:pg dump 导出数据库 编辑:程序博客网 时间:2024/06/03 17:00
vue学习笔记5
回顾
路由设置或是在路径设置中
/ 意思应该是:初始路径,与你在引入时候配置的路径相关的相对路径,通常是默认值
注意:在路由中,不加 / 直接写路由名称会在当前目录中直接寻找路由并跳转
暂时是这么理解的,相关的定义是在webpack.base.comfig.js文件中的
./ 意思应该是:当前目录层级
/ 意思应该是:根目录层级
@ 意思应该是:src根目录
在路由中直接写router:‘login(指代某路径货名称)’
在路由跳转的时候会直接跳下级路由
注意:引入插件货控件时的路径,这个很重要
(下面的引入jq,是从网上其他的帖子总结了一下得来的)
vue中使用jquery
1.
npm install jquery –save
2.webpack配置
在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用,
var webpack = require(‘webpack’)
然后在module.exports中添加一段代码,
// 原有代码resolve: { extensions: ['.js', '.vue', '.json'], alias: {'vue$': 'vue/dist/vue.esm.js','@': resolve('src') }},// 添加代码plugins: [ new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery",jquery: "jquery","window.jQuery": "jquery" })],// 原有代码module: { rules: [// ...... ]}
然后许多其他解决办法到此就说在main.js里导入就可以了,然而题主照着做了。
main.js里导入jQuery
import ‘jquery’
在Vue组件里使用 $ or jQuery 写了操作dom的代码
接着启动项目
npm run dev
但是编译却报错了:
http://eslint.org/docs/rules/no-undef '$' is not defined orhttp://eslint.org/docs/rules/no-undef 'jQuery' is not defined
eslint 检查
这时候需要做的下一步就是要修改根目录下.eslintrc.js文件了,在改文件的module.exports中,为env添加一个键值对 jquery: true 就可以了,也就是:
env: {
// 原有
browser: true,
// 添加
jquery: true
}
再次 npm run dev ,OK了,没报错
- vue学习笔记5——路由相关配置,引入其他插件等
- vue学习笔记4——route,路由跳转等
- vue学习笔记3——外部引入css和路由的一部分
- vue学习笔记7——有关路由跳转,初始路由设置
- vue router学习——动态路由和嵌套路由
- vue引入swiper插件
- vue引入 jquery 插件
- Vue路由(vue-router)配置实战——动态路由,重定向,工程非根目录
- VUE进阶(路由等)
- Vue学习笔记之 路由路径
- vue 路由配置1
- vue路由配置
- vue路由配置
- Vue配置路由
- vue嵌套路由配置
- vue动态路由配置
- VUE引入第三方插件
- Vue路由笔记
- Seeds算法(SEEDS: Superpixels Extracted via Energy-Driven Sampling)
- 挑战程序竞赛系列(49):4.2 推理与动态规划算法(2)
- DELETE_FAILED_INTERNAL_ERROR Error while Installing APKs
- Caffe入门以及迁移学习(Fintune)的方法
- kotlin mybatis:No constructor found in void matching
- vue学习笔记5——路由相关配置,引入其他插件等
- 浅谈前端CSS样的编写
- GeoServer基础教程(六):使用GeoServer发布PostGIS表数据
- CSS图片宽度设置百分比 , 高度同宽度相同
- 列表和字典嵌套完成电话簿(增删改查)
- 游标查询,最好控制在1万条以内
- SSH和SSM对比总结
- 回收VMWare虚拟机占用的磁盘空间
- 结构体成员管理AVClass AVOption之1AVClass