![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
沐水莲心
这个作者很懒,什么都没留下…
展开
-
VUE路由传参的三种基本方式
vue中路由传参的三种基本方式在vue项目中我们在路由中需要接触到最多的就是路由之间的传值,在这里主要介绍了vue自带的路由传参的3种基本方式。场景一:单击当前页的按钮跳转到另一个页面,并将数据传到另一个页面。<div class="btn" @click="jump(1)">跳转携值</div>方法1:页面刷新数据不会丢失methods:{ jump(id){ this.$router.push({ path:"/article/"+id }) }}原创 2021-07-17 16:27:54 · 11488 阅读 · 0 评论 -
vue 自定义组件@click无效
vue 自定义组件@click无效<html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.bootcss.com/vue/2.6.4/vue.js"></script> <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.j原创 2020-10-05 11:45:01 · 1595 阅读 · 0 评论 -
vue-cli3打包项目
vue-cli3打包项目使用vue-cli3开发好项目后,就可以将它打包,这样就可以通过输出文件中的index.html来访问该项目了。在打包项目之前需要先修改两个文件,分别是vue.config.js,router/index.js。如果没有vue.config.js文件的话就需要手动创建此文件,并输入publicPath=’./’。module.exports = { publicPath: './'}注释router/index.js中的mode:‘history’,采用hash模式原创 2020-07-18 10:42:04 · 1340 阅读 · 1 评论 -
利用vue-cli脚手架创建项目
利用vue-cli脚手架创建项目安装vue-cli脚手架(全局安装)npm install -g @vue/cli使用vue --version查看是否安装完成,显示对应版本号使用命令行创建vue create ‘项目名称’default包含了基本的 Babel + ESLint 设置的 presetManually select features 选“手动选择特性”来选取需要的...原创 2020-04-21 11:43:37 · 133 阅读 · 0 评论