![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue学习笔记
不知所欲
这个作者很懒,什么都没留下…
展开
-
router-link的属性
属性 to <router-link to='home'> 属性tag tag可以指定<router-link>之后渲染成什么组件,比如下面的代码会被渲染成一个<li>元素,而不是<a> <router-link to="/home" tag='li'> 也可以渲染成一个button,div等等组件 属性 replace replace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中 使.原创 2021-11-03 16:31:49 · 229 阅读 · 1 评论 -
认识vue-router
目前前端流行的三大框架,都有自己的路由实现: Angular的ngRouter React的ReactRouter Vue的vue-router * vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用. * 我们可以访问其官方网站进行学习:https://router.vuejs.org/zh/ * vue-router是基于路由和组件的 路由用于设定访问路径,将路径和组件映射起来. 在vue-rout...原创 2021-11-03 15:49:55 · 89 阅读 · 0 评论 -
url的hash和HTML5的history
对页面的url进行修改,但是不刷新页面 1. location.hash = 'value' 2. history.pushState({},'','value') 该方法可以进行返回,页面的返回键是可点击的 history.back() 3. history.replaceState({},'','home') 该放放页面返回箭头是不可点击的 ...原创 2021-11-03 14:24:44 · 93 阅读 · 0 评论 -
webpack-配置文件的分离
1.需要安装webpack-merge npm install webpack-merge --save-dev 备注:最好指定版本号,使用当前webpack对应的版本号 npm install webpack-merge@x.x.x --save-dev 2. 修改package.json中的配置文件,如下图: 3. 可以把本地的webpack.config.js文件删掉了。然后可以执行npm run build 或 npm run dev 之后会发现再build文件夹下生了了新的dist文.原创 2021-10-28 16:52:34 · 134 阅读 · 0 评论 -
webpack--搭建本地服务器笔记
使用express框架,实现浏览器自动刷新。 安装命令 npm install webpack-dev-server@X.X.X --save-dev 备注x.x.x是版本号要根据当前使用的webpack对应的版本号 * devserver是webpack中的一个选项,可以设置的属性如下: -- contentBase: 为哪一个文件夹提供本地服务,默认是根文件夹,我们这里要填写./dist --port :端口号 --inline: 页面...原创 2021-10-28 16:09:28 · 82 阅读 · 0 评论