![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
蓝绿色~菠菜
对技术有一颗敬畏和严谨之心,对代码有精益求精的精神。像养小孩和女朋友一样,精心照料和打扮。想清楚了再干,坚持高标准,Design for future!
展开
-
Vue Watch 深度监听对象属性值无效
一、watch 深度监听watch: { formData: { deep: true, handler(nv) { console.log("对象发生改变", nv); }, },},二、使用 $set 改变对象值created() { // 直接赋值监听无效 // this.formData.name = "这是修改的名称"; // this.formData.title = "这是修改的标题"; // 直接删除也无效原创 2021-10-14 18:09:06 · 1467 阅读 · 0 评论 -
Vue父子组件、兄弟组件双向绑定传值
父子组件双向绑定方法一:(仅适用于绑定的数据为对象时)父组件:(利用.sync语法)<template> <div class="app-container"> <ProjectDetail :detail-drawer.sync="detailDrawer" /> </div></template>export default { data() { detailDrawer: { showDrawer: fals原创 2021-09-16 16:59:44 · 676 阅读 · 0 评论 -
Vue常用的钩子函数
初学Vue,对几个钩子函数还是比较模糊,有时候想在钩子函数中做一些事情,但什么时候做,在那个函数中做,还不是很清楚。于是,开始探索:生命周期函数:<body> <div id="app"> <h3 id="h3">{{msg}}</h3> <input type="button" value="修改msg" @click="msg='No'"> </div> <原创 2020-12-31 16:20:52 · 1348 阅读 · 1 评论 -
Django模板中使用Vue语法
html文件内容如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>TestManager</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body原创 2020-12-23 18:02:10 · 1312 阅读 · 0 评论 -
ajax、axios异步请求那点事
异步请求谁都能做,包括原生JS都可以借助XMLHttpRequest对象封装异步请求。只不过jquery已经帮我们做了封装,名字就叫ajax,平时说的ajax异步请求就指的是jquery的ajax。而axios也是对XMLHttpRequest的封装,axios是通过 promise 实现对 ajax 技术的一种封装,就像 ajax 是 通过 jQuery 来封装一样。但它更符合ES规范,Vue2.0之后,尤雨溪也推荐大家用axios替换JQuery ajax。vue中还是尽量使用axios,因原创 2020-12-23 17:58:43 · 434 阅读 · 0 评论 -
Vue-router(路由)
由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切换。路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。 有的小伙伴会有疑虑,为什么我们不能像原来一样直接用a标签编写链接呢?因为我们一般用Vue做的都是单页.转载 2020-10-14 21:19:56 · 300 阅读 · 0 评论 -
什么是单页应用SPA
什么是单页应用?单页应用的全称是 single-page application,简称 SPA,它是一种网站应用的模型,它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用,单页应用做到了前后端分离,后端只负责处理数据提供接口,页面逻辑和页面渲染都交给了前端。前端发展到现在,单页应用的使用已经很广泛,目前时兴的 React、Vue、Angular 等前端框架均采用了 SPA 原则。单页应用意味着前端原创 2020-10-14 21:04:26 · 3522 阅读 · 1 评论