---空白---

2019年11月10日

摘要： 1.生命周期钩子函数名说明 beforeCreate 数据观测和内部事件初始化之前被调用，此时无法通过this访问data中的数据，也无法访问methods中的方法 created 在这一步，数据观测和内部事件初始化已完成，可以访问通过this访问data中的数据和methods中的方法 bef 阅读全文

posted @ 2019-11-10 21:38 ---空白--- 阅读(257) 评论(0) 推荐(0) 编辑

Vue.js 过渡 & 动画

摘要： ###1.前言 Vue动画/过渡的本质：在通过v-if/v-show指令插入/移除/显示/隐藏某个标签元素时，在这个标签上包裹一个transition标签，Vue会为这个标签动态添加css类名，为这些类名设置css样式，来达到过渡或动画效果语法格式： <transition> <div v-if 阅读全文

posted @ 2019-11-10 17:45 ---空白--- 阅读(795) 评论(0) 推荐(0) 编辑

2019年11月9日

Vue.js 其他指令

摘要： ###1.ref标识通过给HTML标签或者组件标签设定ref属性，根据他的属性值来访问这个HTML元素或者组件语法：this.$refs.属性值 //为p标签设置ref属性 <div id="app"> <p ref="p1">期待你脚踏祥云</p> <button @click="test"> 阅读全文

posted @ 2019-11-09 11:12 ---空白--- 阅读(208) 评论(0) 推荐(0) 编辑

Vue.js 事件绑定

摘要： 1.事件监听 v-on:eventName可以简写成@eventName 事件对象：在HTML中，事件参数为$event，但是即使不传递，在回调函数中也可以直接使用event读取 <div id="app"> <button v-on:click="test">点我</button> <button 阅读全文

posted @ 2019-11-09 10:38 ---空白--- 阅读(1227) 评论(0) 推荐(0) 编辑

2019年11月8日

Vue.js 过滤器

摘要： 1.过滤器的特点过滤器可以用来对HTML中的数据进行格式化过滤器本质上是一个函数，接收一个或多个参数，最终需要返回一个数据（简单类型，一般是字符串）过滤器在vue3.x中被废弃，因为他的功能完全可以使用methods来代替过滤器中不能访问当前实例 2.过滤器注册过滤器注册分为全局注册和局部阅读全文

posted @ 2019-11-08 23:22 ---空白--- 阅读(384) 评论(0) 推荐(0) 编辑

2019年11月2日

Vue.js slot插槽

摘要： 1.插槽的基本用法组件的插槽允许用户将其他组件或者html片段插入到组件当中 // App.vue <template> <div id="app"> <Child>  <h2>我是插入的h2</h2> </Child> </div> </template> 子阅读全文

posted @ 2019-11-02 23:52 ---空白--- 阅读(835) 评论(0) 推荐(0) 编辑

2019年10月26日

Vue.js axios

摘要： 1.安装与引入 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，官方文档在HTML文件中引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 在脚手架中使用 //安装阅读全文

posted @ 2019-10-26 14:56 ---空白--- 阅读(444) 评论(0) 推荐(0) 编辑

2019年10月25日

Javascript Ajax

摘要： 1.基本使用 AJAX = Asynchronous JavaScript and XML，即异步 JavaScript 和 XML，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 get请求：参数拼接到url后面 <script> function getMsg(){ var ur 阅读全文

posted @ 2019-10-25 21:03 ---空白--- 阅读(294) 评论(0) 推荐(0) 编辑

2019年10月21日

Vue.js 路由

摘要： 1.前言 Vue Router官网在此之前需要了解单页应用single page web application，SPA）和多页面（Multiple page application，MPA）的差别对比项目多页面MPA 单页应用SPA 应用构成多个完整页面构成一个外壳页面和多个页面片段构成阅读全文

posted @ 2019-10-21 17:43 ---空白--- 阅读(310) 评论(0) 推荐(0) 编辑

2019年10月19日

Vue.js 起步

摘要： ###1.创建实例 2.x：通过工厂模式创建实例，并自动执行渲染 <body> <div id="app"> </div> </body> </html> <script src="./vue.min.js"></script> <script> new Vue({ el:"#app", data( 阅读全文

posted @ 2019-10-19 17:31 ---空白--- 阅读(361) 评论(0) 推荐(0) 编辑

公告