孙~洋

2019年6月29日

摘要：可以用在前端后端（vue，Node.js）用法： - npm install axios 安装完成后，需要在使用的文件中导入 import asiox from 'asiox' const http = { get(url) { return axios({ url, method: 'GET' 阅读全文

posted @ 2019-06-29 10:20 孙~洋阅读(192) 评论(0) 推荐(0) 编辑

vue实例方法 example methods

摘要：介绍几个vue 的实例方法： - $destroy()==>销毁方法 - $forceUpdate()==>更新方法 - $nextTick()==>数据修改方法需要配合钩子函数使用具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文

posted @ 2019-06-29 10:01 孙~洋阅读(655) 评论(0) 推荐(0) 编辑

2019年6月28日

vue实例，extend methods——实例属性 vue和jQuery.js一起使用

摘要：使用前需要引入jQuery.js CDN 然后再构造器内部使用挂载，直接使用jQuery方法即可；在构造器外部也可以调用构造器内部的方法，需要给构造器命名，然后在构造器外部，使用构造器外部名称调用内部方法即可代码示例如下： <!DOCTYPE html> <html lang="en"> <h 阅读全文

posted @ 2019-06-28 22:25 孙~洋阅读(958) 评论(0) 推荐(0) 编辑

vue.js基础__ extend 扩展选项

摘要： extend 扩展选项需要在构造器外部进行定义，并使用updated方法；在构造器中使用 extend 方法以对象的形式调用，方法的执行顺序为：原生的methods方法优先执行，然后是扩展的updated方法，最后执行的是原生的updated方法差值使用{{ }}进行插入，在构造器中设置del 阅读全文

posted @ 2019-06-28 22:07 孙~洋阅读(1963) 评论(0) 推荐(0) 编辑

vue.js基础__ mixins 选项

摘要： mixins 选项主要应用于新增需求；在不改变原有方法的基础上，使用mixins 混入选项； - 以点击加1为例，分为局部和全局两种 - 再混入选项中设置updated方法 - updated 方法，会在局部，全局，以及原生方法中设置 - 执行顺序为全局的updated优先执行，然后局部的upd 阅读全文

posted @ 2019-06-28 21:38 孙~洋阅读(223) 评论(0) 推荐(0) 编辑

vue.js基础__ watch 选项

摘要： watch 选项主要用于数据监控，有两种书写方式：一种是写在构造器内部，另一种是在构造器外部使用下面以监控天气为例，代码如下： - 每次加减5°C，在watch内部做 if 判断 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文

posted @ 2019-06-28 20:01 孙~洋阅读(523) 评论(0) 推荐(0) 编辑

vue.js基础__ methods 选项

摘要： methods 选项主要定义了一个执行函数，以下例子主要讲述了组件的三种方式，包括内部组件，外部组件以及自定义组件的定义及使用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文

posted @ 2019-06-28 19:23 孙~洋阅读(2001) 评论(0) 推荐(0) 编辑

vue.js基础__ computed 选项

摘要： computed 选项的好处是原始的值没有被污染，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文

posted @ 2019-06-28 17:56 孙~洋阅读(419) 评论(0) 推荐(0) 编辑

vue.js基础__ propsData 选项

摘要：首先写一个扩展，头部标签然后再script中声明一个对象，对象中有一个模板需要挂载扩展，然后磁能生效 propsData 主要用于传值，在扩展里需要接收，需用 props接收具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文

posted @ 2019-06-28 17:27 孙~洋阅读(3182) 评论(0) 推荐(0) 编辑

vue-cli, webpack + vue 目录结构解读

摘要：下面是安装好的项目目录：让我们依次解读： 1、build - 与项目构建相关，webpack相关的都在这个目录下 2、config - 开发环境配置 3、node_modules - 里面是安装的各种包 4、src - 源码目录 5、static - 静态文件目录 - 放一些图片，json数据等阅读全文

posted @ 2019-06-28 15:19 孙~洋阅读(355) 评论(0) 推荐(0) 编辑

公告