Vue - 文章分类 - liang0.0

摘要：1,安装element-ui 2,在min.js中写入以下配置 3. 4.将.babelrc文件修改为以下阅读全文

posted @ 2018-11-30 09:37 liang0.0 阅读(1212) 评论(0) 推荐(0)

摘要：Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS c 阅读全文

posted @ 2018-11-28 23:35 liang0.0 阅读(1520) 评论(0) 推荐(0)

Vue -- 生命周期的钩子函数

摘要：beforeCreate : 组件创建之前 created : 组件创建之后 (非常重要) 使用该组件，就会触发以上的钩子函数， created中可以操作数据，发送ajax，并且可以实现vue==》页面的影响应用：发送ajax请求如果我们要发送多个ajax的话,可以使用methods写一个函数进阅读全文

posted @ 2018-11-28 23:09 liang0.0 阅读(130) 评论(0) 推荐(0)

过滤器

摘要：局部过滤器在当前组件内部使用,给某些数据 "添油加醋",局部过滤器写在组件的选项中,使用filters定义 1 let App = { 2 data(){ 3 return { 4 msg:"hello world", 5 time:new Date() 6 } 7 }, 8 template:` 阅读全文

posted @ 2018-11-28 22:43 liang0.0 阅读(101) 评论(0) 推荐(0)

Vue--组件的使用

摘要：局部组件的使用 1，如果仅仅是实例化vue对象中,既有el,又有template,如果template中定义模板内容,那么template模板的优先级大于el 2,局部组件的使用 (1),声子:声明的时候要把声明的组件放在上面,然后再在下面的vue中挂子和用子,否则因为挂子中用到子组件的组件名,写在阅读全文

posted @ 2018-11-28 21:22 liang0.0 阅读(208) 评论(0) 推荐(0)

Vue--表单输入绑定

摘要：1，数据的双向绑定 v-model 用于双向数据绑定作用在表单 <input>、<textarea> 及 <select> 元素 .lazy 懒监听 .number 自动将用户输入的值转换为数值类型 .trim 自动过滤用户输入内容的前后空白(中间不能过滤) 2，复选框单个复选框绑定到布尔值多个阅读全文

posted @ 2018-11-28 20:03 liang0.0 阅读(170) 评论(0) 推荐(0)

Vue--node.js安装下载及创建一个新项目

摘要：首先要下载node.js 1，node -v 2, npm -v 3, npm install -g cnpm --registry=https://registry.npm.taobao.org 4, npm install -g @vue/cli 5, npm install -g @vue/c 阅读全文

posted @ 2018-11-28 12:04 liang0.0 阅读(785) 评论(0) 推荐(0)

关于this的指向问题

摘要：关于this指向的问题，与vm实例没有任何关系。而是与箭头函数和普通函数的区别。给大家总结两点： 1、es5的普通函数，this指向是指向了调用者，比如vue实例的方法（在methods中声明了一个方法）是由vue实例vm调用的，所以this指向vm。 2、箭头函数的this指向它的调用者所在的上阅读全文

posted @ 2018-11-28 11:16 liang0.0 阅读(78) 评论(0) 推荐(0)

Vue 简单实现轮播图和音乐播放器

摘要：一,简单实现轮播图 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <div id="app"> 9 <img :sr 阅读全文

posted @ 2018-11-26 23:27 liang0.0 阅读(708) 评论(0) 推荐(0)

Vue 计算属性

摘要：在模板中放入太多的逻辑,会使代码不容易维护,所以,对于复杂的逻辑,应该使用计算属性,计算属性写在computed中示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he 阅读全文

posted @ 2018-11-26 21:22 liang0.0 阅读(103) 评论(0) 推荐(0)

Vue的指令系统

摘要：一 : v-text和v-html** v-text相当于innerText,只支持普通字符串 v-html相当于innerHTML,能用包含html标签 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 阅读全文

posted @ 2018-11-26 20:45 liang0.0 阅读(118) 评论(0) 推荐(0)

Vue初识

摘要：一,安装,引入 https://cn.vuejs.org/v2/guide/installation.html 可以参考官网给出的几种方式二,介绍前端三大框架: vue : 尤雨溪,渐进式的JavaScript框架 react : Facebook公司，里面的高阶函数非常多，对初学者不用好 an 阅读全文

posted @ 2018-11-26 19:33 liang0.0 阅读(126) 评论(0) 推荐(0)

ES6基础

摘要：开始Vue之前要先了解一下es6的一些基础语法,在vue中会使用到阅读全文

posted @ 2018-11-26 19:03 liang0.0 阅读(78) 评论(0) 推荐(0)

导航

文章分类 - Vue