摘要: 1.如不使用router-link <!-- <router-link to="/home" tag="button" replace>首页</router-link> <router-link to="/about">关于</router-link> --> <button @click="hom 阅读全文
posted @ 2021-06-28 17:13 ajaXJson 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 1.tag 指定router-link之后渲染成什么组件如渲染成button <router-link to="/home" tag="button" repalce>首页</router-link> 2.repace 添加replace不会留下history记录,后退键返回不到上一级元素 3.ac 阅读全文
posted @ 2021-06-28 17:11 ajaXJson 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 1.router下index 配置映射规则中新增一个对象 { // redirect路由重定向 path:'', redirect:'/home' //重定向地址 } 2.history 因为默认是hash地址,url栏中不美观 http://localhost:8080/home#/home 改变 阅读全文
posted @ 2021-06-28 17:10 ajaXJson 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 1.安装Vue-router npm install vue-router --save 2.components 1.新建About.vue <template> <div> <h2>首页</h2> <p>首页内容</p> </div> </template> <script> export de 阅读全文
posted @ 2021-06-28 17:09 ajaXJson 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 1.后端路由阶段 后端处理URL和页面之间的映射关系 发送URL地址给后端,后端java代码从数据库中读取数据,在后端服务器产生渲染好的HTML页面返回客户端展示。 页面中既有CSS又有php还有java,比较杂乱。 2.前后端分离阶段 由HTML+CSS+JS组成,后端只负责提供数据,1.url到 阅读全文
posted @ 2021-06-24 00:16 ajaXJson 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 1.概念 1.this指向函数的直接调用者而非间接调用者 2.如果有new关键字,this指向new出来的那个对象 3.在DOM事件中,this指向目标元素 4.箭头函数的this指向他所在的函数级作用域,并且不可改变 2.案例 1.此时function()中传入的是window,所以this指向W 阅读全文
posted @ 2021-06-22 18:24 ajaXJson 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 1.配置 1.插件安装 npm install webpack-merge@4.0.0 --save-dev 2.build新建文件夹 将webpack.config.js代码CV进这三个文件并作删减,最后删除webpack.config.js文件 (1)base.config.js 因为base引 阅读全文
posted @ 2021-06-21 15:22 ajaXJson 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 1.安装插件 npm install webpack-dev-server@2.9.3 --save-dev 2.webpackconfig.js新增 devServer:{ contentBase:'./dist', //为哪一个文件夹提供本地服务,默认根文件夹,这里填写./dist inline 阅读全文
posted @ 2021-06-21 14:27 ajaXJson 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 1.安装插件 npm install uglifyjs-webpack-plugin@1.1.1 --save-dev 2.配置 webpack.config.js中导入 const UglifyWebpackPlugin = require('uglifyjs-webpack-plugin') p 阅读全文
posted @ 2021-06-21 13:55 ajaXJson 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 1.webpack.config.js中导入 const HtmlWebpackPlugin = require('html-webpack-plugin') 2.pulgin中新增 new HtmlWebpackPlugin({ template:'index.html' }) 3.需要删除out 阅读全文
posted @ 2021-06-21 13:46 ajaXJson 阅读(86) 评论(0) 推荐(0) 编辑