changedman

导航

2018年8月21日

css选择器区别

摘要: 空格选择器 ul li 选择ul 下面的所有li 元素 大于号选择器 ul>li 选择ul 下面的直接子元素 只能是儿子辈的 不能是孙子辈的 阅读全文

posted @ 2018-08-21 17:30 changedman 阅读(101) 评论(0) 推荐(0) 编辑

2018年8月15日

手机端网页制作总结

摘要: 1.整体css引入(设置各种整体的样式) 2.引入2个js使页面自适应(现在不知道为什么) <script src="https://cdn.osnt.wang/kaisitong/js/flexible.js"></script><script src="https://cdn.osnt.wang 阅读全文

posted @ 2018-08-15 17:02 changedman 阅读(196) 评论(0) 推荐(0) 编辑

2018年6月26日

Vuex 状态管理

摘要: 简介: vuex 是一个专为 Vue.js 设计的状态管理模式vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时,会需要: 多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。这需要你去学习下,vue编码中多个组件之间的通 阅读全文

posted @ 2018-06-26 11:41 changedman 阅读(111) 评论(0) 推荐(0) 编辑

Vue 路由的模块化

摘要: 其实就是对路由配置和实例化的过程进行js封装,挂载路由的时候依然在main.js中; 步骤: 1.在src文件夹下新建一个router文件夹,在router文件夹下新建文件router.js; 2.引入vue实例,把之前配置路由和实例化路由的步骤搬过来; 3.使用export defult rout 阅读全文

posted @ 2018-06-26 09:32 changedman 阅读(188) 评论(0) 推荐(0) 编辑

Vue ElementUI 按需引入

摘要: 一.element UI组件的单独使用(第一种方法): 1、cnpm install babel-plugin-component -D 2、找到.babelrc 配置文件 把 { "presets": [ ["env", { "modules": false }], "stage-3" ] } 改 阅读全文

posted @ 2018-06-26 08:50 changedman 阅读(534) 评论(0) 推荐(0) 编辑

2018年6月25日

Vue ElementUI 的使用

摘要: 简介: 饿了么公司基于vue开的的vue的Ui组件库 1.Element Ui 基于vue pc端的UI框架 2. MintUi 基于vue 移动端的ui框架element UI的使用: 1.找官网 http://element.eleme.io/#/zh-CN/component/quicksta 阅读全文

posted @ 2018-06-25 15:16 changedman 阅读(179) 评论(0) 推荐(0) 编辑

Vue 路由的嵌套

摘要: 1.配置路由 const routes = [ { path: '/User', component: User, children: [{ path: 'OP1', component: OP1 },//注意子路由的路径写法这里不加/ { path: 'OP2', component: OP2 } 阅读全文

posted @ 2018-06-25 10:47 changedman 阅读(115) 评论(0) 推荐(0) 编辑

Vue 编程式导航(通过js跳转页面)以及路由hash模式和history模式

摘要: 第一种方法: this.$router.push({path:'shopcontent?aid=3'} 第二种方法 this.$router.push({name:'news'}} 通过在main.js中配置路由时给router加上name 属性 const routes = [ { path: ' 阅读全文

posted @ 2018-06-25 09:01 changedman 阅读(317) 评论(0) 推荐(0) 编辑

2018年6月20日

Vue 使用axios获取数据

摘要: axios 的使用 1、安装 cnpm install axios --save 2、哪里用哪里引入axios <script> import Axios from 'axios';//引用插件 export default { data() { return { list: [] } } , me 阅读全文

posted @ 2018-06-20 16:56 changedman 阅读(292) 评论(0) 推荐(0) 编辑

2018年6月19日

Vue 动态路由传值

摘要: 一.动态路由传值 1.配置动态路由; const routes = [ //动态路由路径参数以:开头 { path: '/Content/:aid', component:Content}, ] 2. <router-link :to="'/Shopcontent/'+key"> {{key}}-- 阅读全文

posted @ 2018-06-19 17:29 changedman 阅读(146) 评论(0) 推荐(0) 编辑