vue
关注
分享
扫一扫
blueSky-fan
喜欢前端,喜欢技术分享,喜欢跑步,喜欢户外活动
展开
-
前端根据后端返回的文件流实现下载功能
由于没有接触过后端返回文件流前端实现下载功能的实现,查了很多资料,最终在该大佬的博客中找到答案,非常感谢该博主,再次附上博主的链接:链接转载 2020-12-15 22:08:04 · 1471 阅读 · 0 评论 -
vue中自定义指令
// 导入Vueimport Vue from "vue";// 导入 Storeimport store from "../store/store.js";// 只需要保证执行即可Vue.directive("power", { inserted: function(el, binding) { window.console.log(el); window.console.log(binding.value); if (binding.value.includes(原创 2020-12-13 13:11:01 · 332 阅读 · 0 评论 -
$set的使用
请求服务器中的数据源，保存之后动态渲染到页面上，发现渲染不上去作用：动态添加属性 ，可以动态渲染到页面上用法：this.$set(obj, key, value)使用方法如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial..原创 2020-12-13 11:05:43 · 1003 阅读 · 0 评论 -
组件中使用props
原创 2020-11-04 12:59:47 · 205 阅读 · 0 评论 -
动态组件
原创 2020-11-04 12:58:59 · 139 阅读 · 0 评论 -
在table中使用组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201103225909871.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6原创 2020-11-04 12:57:45 · 242 阅读 · 0 评论 -
依赖注入
原创 2020-11-04 12:56:35 · 112 阅读 · 0 评论 -
vue 监听
总结:监听watch,其实就是当监听某个值发生改变时做某些操作原创 2020-11-02 23:37:28 · 106 阅读 · 0 评论 -
vue的计算属性字符串出现翻转
翻转的例子总结性:1.计算属性不能直接改变,而是通过依赖值来改变2.计算属性的函数必须具有返回值,否则不生效原创 2020-11-02 23:33:20 · 583 阅读 · 0 评论 -
vue-06-路由
SPA 单页面应用开发（重点）SPA 的优势：因为是把页面都合并到一起，所以路由切换时，实际上是在当前页面切换显示，所以不会因网络问题造成页面卡顿、白屏。SPA 的不足：合并后的文件体积特别的大，所以第一次打开页面时，比较慢。（解决方法是用按需加载）router 路由（重点）vue-router 配置基于 vue 的单页面应用（SPA）首先安装路由模块 npm install v...原创 2020-02-08 00:42:20 · 171 阅读 · 0 评论 -
vue-05-Vue-cli和移动端布局和动画
vue-cli（重点）vue-cli 是用来管理 vue 项目的工具，可以使用 vue-cli 快速创建项目、启动项目、编译项目等操作。常说的vue全家桶指：vue-cli、vue-router、vuex、vue-resource。vue的单文件组件扩展名是.vue文件，需要借助vue-loader，才能被正常解析。vue-cli 3 （新版本）如果之前安装过低版本的 vue-cli ，...原创 2020-02-08 00:22:26 · 416 阅读 · 0 评论 -
插槽和生命周期指令
slot 插槽（重点） 元素作为承载分发内容的出口。简单的说，就是向组件内部传入数据，在组件内部，使用slot标签表示传入到组件中的数据。普通的数据用prop传递，html结构的这种数据用slot传递。app.vue <Hello href="http://www.baidu.com"><i>百度</i></Hello>解读：在a...原创 2020-02-08 00:02:16 · 228 阅读 · 0 评论 -
计算属性和监听和组件
watch 监听（重点） <div id="app"> <input v-model="a" /> + <input v-model="b" /> = <span>{{c}}</span> </div> <script> var app = new Vue({ ...原创 2020-02-07 23:38:11 · 342 阅读 · 0 评论 -
MVVM
MVC架构M 层 （ Model ） 模型V 层 （ View ） 视图C 层 （ Controller ） 控制器 MVP架构M 层 （ Model ） 模型V 层 （ View ） 视图P 层 （ Presenter ） 主持人 MVVM架构M 层 （ Model ） 模型V 层 （ View ） 视图VM...原创 2020-02-06 20:09:31 · 1499 阅读 · 0 评论