随笔分类 - Vue
摘要：一、简介 vue可以自定义指令。自定义指令分为：全局指令和局部指令。 二、自定义指令 1、自定义全局指令 使用全局API中的Vue.directive 来实现自定义全局指令。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=
阅读全文
摘要：一、简介 vue实例方法（数据）包括3个：vm.$set()、vm.$watch()、vm.$delete()。 分类 vue实例方法名称 方法用户 备注说明 数据 vm.$set(object,key,value) 为对象object添加属性key，并指定属性值value vm.$delete(o
阅读全文
摘要：一、vue实例方法分类 vue实例方法可以分类：数据、事件、生命周期。 分类 vue实例方法名称 方法用户 备注说明 数据 vm.$set(object,key,value) 为对象object添加属性key，并指定属性值value vm.$delete(object,key) 删除对象的属性key
阅读全文
摘要：一、vue实例属性 vue实例的属性整理如下： 序号 vue实例名称 类型 详细 是否只读 备注 1 vm.$data Object Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。 2 vm.$props Object 当前组件接收到的 props 对
阅读全文
摘要：一、计算属性get和set 计算属性由两部分组成，get和set。默认只有get。get和set的功能说明如下： get：获取计算属性。 set：设置计算属性。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=
阅读全文
摘要：一、计算属性和方法区别 将计算属性的get函数定义为方法，也可以实现类似的功能。不过计算属性和方法有本质的区别。计算属性和方法的区别： 计算属性是基于他的依赖进行更新的，只有在相关以来发生改变时才能更新变化 计算属性是有缓存的，只要相关依赖没有改变，多次访问计算属性得到的值是之前缓存存的计算结果，不
阅读全文
摘要：一、基本用法 计算属性也是用来是存储数据的，但是具有以下几个特点： 数据可以进行逻辑处理操作。 对计算属性中的数据进行监视。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>
阅读全文
摘要：一、简介 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 二、钩子函数 vue实例生命周期中共包含8个钩子
阅读全文
摘要：一、需求分析 开发百度搜索功能。技术要求：使用vue-resource发送JSONP请求，实现跨域请求百度搜索列表的功能。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>百
阅读全文
摘要：一、简介 vue本身不支持发送ajax请求，需要使用vue-resourse（vue1.0官方推荐使用）、axios（vue2.0官方推荐使用）等插件来支持发送ajax请求。 axios是一个基于Promise的请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resourse
阅读全文
摘要：获取指定github账户信息并显示 一、需求分析 需求分析：github和自己的项目不在一个域里面，需要跨域查询。 跨域常见有两种实现方式： 一是JSONP（客户端） 二是CORS（服务端） 跨域的实现原则： 如果某网站的服务端是允许跨域的，客户端直接请求即可。 如果某网站的服务端不允许跨域，则需要
阅读全文
摘要：一、简介 vue本身不支持发送ajax请求，需要使用vue-resourse（vue1.0官方推荐使用）、axios（vue2.0官方推荐使用）等插件来支持发送ajax请求。 axios是一个基于Promise的请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resourse
阅读全文
摘要：1、vue过滤器简介 vue过滤器就是用来过滤模型数据，在显示之前进行数据处理和筛选。 2、vue过滤器语法 语法：{{ data | filter1(参数) | filter2(参数) }} 3、vue内置过滤器 vue1.0中有很多过滤器，例如currency，uppercase，lowerca
阅读全文
摘要：1、vue模板简介 vue.js使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据。模板就是{{}}，用来数据绑定，显示在页面上，也称为Mustache语法。 2、数据绑定的方式 a.双向绑定 v-model b.单向绑定 方式1：使用两对大括号{{}}，页面上可能会出现闪烁的问题（可
阅读全文
摘要：1、属性绑定和属性的简写 v-bind 用于属性的绑定。写法：v-bind:属性=" " （简写为 :属性=" "）。 v-bind:src=" " 简写为 :src=" " 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=
阅读全文
摘要：一、事件 1、事件的简写 v-on:click=“” 简写方式为： @click=“” 2、事件对象$event 包含事件相关的信息（事件源target、事件类型type、偏移量offset等） 3、事件冒泡 阻止事件冒泡，有两种方式： 1）原生js方式，依赖于事件对象。 1 <!DOCTYPE h
阅读全文
摘要：一、vue的使用案例 1、效果展示 2、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>用户管理</title> 6 <!--引入vue--> 7 <script src="..
阅读全文
摘要：一、安装jquery 由于bootstrap中js插件依赖于jquery，所以在这之前必须安装jquery。 1、在package.json中添加一行代码：“jquery”: “^2.2.3” 2、在build文件webpack.base.conf.js中添加代码： 头部插入代码： const we
阅读全文
摘要：一、谷歌浏览器安装vue-devtools 安装vue-devtools的目的：很简单，便于vue的调试。下载安装google浏览器中vue调试插件的方法： 方法1：手动下载vue-devtools并在vue-tools中手动处理。 1、进入github官网https://github.com/vu
阅读全文
摘要：一、打开运行面板 用管理员身份运行cmd打开命令行。运行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 注意：要检查在系统变量path下是否添加该路径。经检查，已添加（在安装npm的时候已添加） 二、查看cnpm的信
阅读全文
浙公网安备 33010602011771号