别告诉我有Bug

1.location. reload()this.$router.go(0)刷新的时候会重新加载，有一个空白闪烁过程。2.provide / inject组合通过声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载，然后在需要当前页面刷新的页面中注入App.vue组件提供（provide）的 reload 依赖，然后直接用this.reload来调用就行；示例：app.vue<template> <div id="app"&.

imageToBase64 (file) { var reader = new FileReader() reader.readAsDataURL(file) reader.onload = () => { console.log('file 转 base64结果：' + reader.result) this.icon...

<audio controls="controls" hidden src="./static/tip.mp3" ref="audio"></audio>有新消息时，用以下代码即可播放指定的提示音。this.$refs.audio.currentTime = 0; //从头开始播放提示音this.$refs.audio.play(); //播放...

钩子函数 定义               每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示                       钩子函数一个指令定义对象可以提供如下几...

1. 路由传值    在跳转页面的时候，在js代码中的操作如下。   传参页面：this.$router.push({ name: 'originality', query: { parm: selectMainPicUrl } });       需要注意的是，实用params去传值的时候，在页面刷新时，参数会消失，用...

效果图：首先给一个input[type="file"]，然后隐藏掉，当点击加号所在的区域时，触发文件选择的点击事件。注意：取src的值时用v-bind:src="imgsrc";用src="imgsrc"或者src="{{imgsrc}}"会报错。代码：（有些样式省略，主要是添加和删除方法）&lt;template&gt; &lt;div id="originality&

过滤器1. 一个过滤器   定义一个首字母大写过滤器。 效果图：代码;&lt;div id="div1"&gt; 随便输：&lt;input v-model="text"&gt; &lt;br&gt; 正常：{{text}} &lt;br&gt; 加filters后首字母大写：{{text|capitalize}} &lt;/div&gt;

监听属性watch的用法：  vue可以通过watch来监听属性值的变化。效果图：代码：&lt;div id="div1"&gt; 人民币：&lt;input type="number" v-model.number="rmb"&gt;&lt;br&gt; 汇率：&lt;input type="number" v-model.number=

计算属性computed用法：   如果运算过程比较复杂，那么维护起来就比较麻烦。所以可以把运算过程，都放在computed里去，只用显示运算结果就好了。   method 也能达到一样的效果，调用的时候，要加上括号，不然拿不到数据。效果图：代码：&lt;div id="div1"&gt; 人民币：&lt;input type="number" v-model.n...

循环语句1.v-for   v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。   v-for 可以绑定数据到数组来渲染一个列表：       首选准备一个数组，然后在构建Vue的时候把这个数组作为参数传递进去，最后在视图上，通过v-for 遍历这个数组。   代码：&lt;style&gt...

vue项目启动步骤https://blog.youkuaiyun.com/qq_27680317/article/details/71123051

组件1. 组件    如效果图所示，每个产品展示，就是一个模板。 只用做一个模板，然后照着这个模板，传递不同的参数就可以看到不同的产品展示了。这个模板，就是组件。效果图：（文章最后有代码实现）2. 局部组件    在 Vue对象里增加 components：components:{ 'product':{ template:'&lt;div cl...

条件语句1.v-if当v-if的值为true时，执行或者显示下一块的内容。例如：通过toggle函数切换show的值。 通过v-if 语句，当show 是true的时候，显示当前元素。代码：&lt;style&gt; /*按钮样式*/ .btn{ width: 160px; height: 40px; line-height: 34px;...

双向绑定1.v-model将视图上的数据绑定到Vue对象上。效果图：  代码：&lt;div id="div1"&gt; 你叫啥：&lt;input type="text" v-model="name" /&gt; &lt;!--拿到name的值，可以看到改变上面文本框中的文字name随即发生变化--&gt; &lt;div&gt;{{nam

1.什么是Vue?Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2.Vue使用方式？（1） 首先导入 vue.js 要...

3.监听事件（1)v-on监听事件       代码如下 ：&lt;div id="div1"&gt; &lt;div&gt;一共点击了 {{clickNumber}}次&lt;/div&gt; &lt;button v-on:click="count"&gt;点击&lt;/button&gt; //在按钮上增加 click 监听，调用 count 方法。&