1.如果这些产品图片文件“万年不变”,放在 /static 目录里,(不需要使用require将这些图片作为模块来引用) var products = [{ img: '/static/img/products/1.png', name: 'Product 1' }, { img: '/static/img/products/2.png', name: 'Product 2' }, { img: '/static/img/products/3.png', name: 'Product 3' },…
实现效果:字符串的动态拼接 methods方法 html: <div id="app"> <!-- 监听到文本框数据的改变 --> <input type="text" v-model="firstname" @keyup="getFullName">+ <input type="text" v-model="lastname" @keyup=&…
1.import xxx from import FunName from ‘../xxx’ 对应js中的引用: export defualt function FunName() { return fetch({ url: '/article/list', method: 'get' }); } 2.import {xxx} from import {xxx} from ‘../xxx’ 对应js中的使用: export function FunName() { return fetch({…
computed是计算树形,methods是方法. new Vue({ el: '#example', data: { message: 'Hello' }, computed: { reversedMessage: function () { return this.message.split('').reverse().join('') } }, methods: { reversedMessage: function () { return this.message.split('').r…
首先,它们区别主要在于 虚拟DOM的复用,绑定key可以更好的复用,下面来详细讲一下 假如我们有一个数组 arr = [1,2,3,4],我们要在2后面插入一个值9: 如果绑定了key值,那么会是这样的情况: 如果没有绑定key值,那么会是这样的情况:…
有这样一个简单的需求:写一个方法,实现从原始字符串中删除与之匹配的所有子字符串,比如"蓝蓝的天,白云飘"中,删除"白云飘",输出"蓝蓝的天,"  代码如下: public class StringUtils { //删除字符串 public static String remove(String source,String sub){ return source.replaceAll(sub, ""); } } StringU…
href相当于打开一个新页面,replace相当于替换当前页面:这里打开页面都是针对历史记录来说,在页面上看完全相同,只是浏览器的history表现不同如果在1.html中点击链接到2.html,然后2.html中使用href跳转到3.html,这时(页面是3.html)按浏览器后退按钮将返回2.html,但如果上面在2.html中调用replace进入3.html,再点击后退按钮的时候,会退回到1.html(相当于replace方法将2.html的历史访问记录替换为3.html,所以访问轨迹就…
在vue中使用 this.$router.push({ path:  '/home' }) 默认是替代本窗口 如果想新开一个窗口,可以使用下面的方式: let routeData = this.$router.resolve({ path: '/home', query: { id: 1 } }); window.open(routeData.href, '_blank'); 很早以前遇到的一个需求,今天突然忘记了,记录下来.…
vue 中router.go:router.push和router.replace的区别:https://blog.csdn.net/div_ma/article/details/79467165 this.$router.push.replace.go的区别:https://blog.csdn.net/qq_38614249/article/details/79564563…
在页面的watch中,监听$router的变化 watch: { $route (to, from) { this.$router.go(0) } } 其中this.$router.go(0)为刷新页面,但此方法可能在Safari中无法实现,还可以用js原生的方法:window.location.reload()…