随笔分类 -  vue

vue-cli脚手架
摘要：vue-cli脚手架 1 安装 cnpm install vue-cli -g cnpm install vue-cli -g 2 初始化项目 vue init webpack projectName vue init webpack projectName 3 运行项目 npm run dev 修 阅读全文
posted @ 2017-06-27 08:55 仇枫empress 阅读(160) 评论(0) 推荐(0)
vue2——关键技术节点
摘要：商家图片背景模糊 将一个新的层（宽高和内容一致） class = .background，绝对定位到头部 0 0 位置。z-index设置-1，让图片置于底部 将.background 添加 filter:blur(10px);使其内部img标签中的图片模糊 将头部信息层的背景设置为 rgba(7, 阅读全文
posted @ 2017-06-27 08:46 仇枫empress 阅读(1798) 评论(0) 推荐(0)
vue-cli 第三方相关
摘要：安装Vue环境 1. 全局安装vue-cli脚手架 cnpm install -g vue-cli cnpm install -g vue-cli 2 选择一个文件夹，初始化vue项目 vue init webpack 英文项目名 vue init webpack 英文项目名 3 安装相关依赖，进入 阅读全文
posted @ 2017-06-26 21:30 仇枫empress 阅读(408) 评论(1) 推荐(0)
vue——基础
摘要：改变数组的某一个元素，触发视图更新 this.list[1] = { name: 'setchange', price: 222 } //列表的改变不会触发视图更新，需要使用Vue.set的方法可以触发视图更新 Vue.set(this.list, 1, { name: 'setchange', p 阅读全文
posted @ 2017-06-26 21:29 仇枫empress 阅读(419) 评论(0) 推荐(0)
组件化
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2017-06-26 21:27 仇枫empress 阅读(101) 评论(0) 推荐(0)
计算属性
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2017-06-26 21:23 仇枫empress 阅读(81) 评论(0) 推荐(0)