2019年11月26日
vue学习（十）mixin 偷懒
摘要： 一 mixin混入偷懒技术 架子 <div id="app"> {{msg}} </div> <script> let app = new Vue({ el:'#app', data:{ msg:'晓强' }, }) </script> mixin偷懒 <div id="app"> {{msg}} 阅读全文
posted @ 2019-11-26 17:02 流年中渲染了微笑 阅读(173) 评论(0) 推荐(0)
vue学习（九）对象变更检测注意事项
摘要： Vue不能检测对象属性的添加和删除，要是必须这么做的话 需要使用 vue.$set() <body> <div id="app"> <h3> {{user.name}} {{user.age}} <!--this.user.age=20 这个是不会成功的--> </h3> <button @clic 阅读全文
posted @ 2019-11-26 15:29 流年中渲染了微笑 阅读(351) 评论(0) 推荐(0)
vue学习（八）nextTick[异步更新队列]的使用和应用
摘要： nextTick的使用 为了数据变化之后等待vue完成更新DOM，可以在数据变化之后立即使用Vue.nextTick()在当前的回调函数中能获取最新的DOM <div id="app"> <h3>{{msg}}</h3> </div> <script> let app = new Vue({ el: 阅读全文
posted @ 2019-11-26 15:26 流年中渲染了微笑 阅读(470) 评论(0) 推荐(0)
django的url 传不传参
摘要： url(r'^file/$', manage.file, name='file'), # /file/ # /file/?folder_id=50 def file(request,project_id): folder_id = reqeust.GET.get('folder_id') 阅读全文
posted @ 2019-11-26 14:52 流年中渲染了微笑 阅读(185) 评论(0) 推荐(0)
vue学习（七）refs的使用
摘要： ref的使用只有在特殊的情况下使用 1.如果给标签添加ref，获取的就是真实的DOM节点2. 如果给子组件添加ref，获取的就是当前的子组件对象例子： <div id="app"> <App></App> </div> <script> const Test={ data(){ return{ } 阅读全文
posted @ 2019-11-26 14:43 流年中渲染了微笑 阅读(576) 评论(0) 推荐(0)
vue学习（六）异步组件加载
摘要： 异步组件加载 首先准备 简单的框架搭出来 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>异步组件加载</title> <meta name="viewport" content="width=devi 阅读全文
posted @ 2019-11-26 11:49 流年中渲染了微笑 阅读(1761) 评论(0) 推荐(0)
vue学习（五）生命周期 的钩子函数
摘要： 生命周期的钩子函数 主要有以下几种 beforeCreate created beforeMount mounted beforeUpdate updated activated deactivated beforeDestroy destroyed errorCaptured * 不经常用我们这里 阅读全文
posted @ 2019-11-26 09:57 流年中渲染了微笑 阅读(415) 评论(0) 推荐(0)