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

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

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

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

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

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

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

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

摘要：路由就是让根组件动态得去挂载其他组件； 步骤： 阅读全文

摘要：1.新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例；实例化Vue对象的时候名称要小写，大写控制台报错，我也不知道什么原因； 2.在要广播的地方引入刚才定义的实例； 3通过VueEmit.$emit('名称',数据''）方法广播； 4.在接受数据的地方也引入实例，通过VueEmit. 阅读全文

摘要：1.父传子 1.在父组件中给子组件绑定动态属性 <v-home :title="title"></v-home> <v-home :title="title"></v-home> 2.在子组件中用propos[]接收 export default{ data(){ return{ msg:'' } 阅读全文

摘要：生命周期函数就是组件挂载、以及组件销毁的时候触发的一系列方法，这些方法叫做生命周期函数； 阅读全文

摘要：1.Vue是单页面组件化的开发 什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式。 页面是由一个根组件挂载其他组件组成的； 使用组件的步 阅读全文

摘要：/封装模块化文件 新建的.js文件 var storage = { set(key, value) { localStorage.setItem(key, JSON.stringify(value)); }, get(key) { return JSON.parse(localStorage.get 阅读全文

摘要：1.localStorage的用法总结 （1）.这儿是什么：局部存储器。它是html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，它有5M的大小空间，存储在浏览器中，我们可以通过js来操纵localStorage。 （2）用法：1.localStorage通过使用se 阅读全文

摘要：vue是一个MVVM的框架 M model V view MVVM model改变会影响视图view，view改变会影响model 双向数据绑定必须在表单里面使用 //我发现在谷歌浏览器翻译后的网页中vue的双向数据绑定不好用，暂时还没有解决方法 <h2>{{msg}}</h2> <input ty 阅读全文

摘要：一、目录结构分析 node_modules 项目所需要的各种依赖 src 开发用的资源 assets 静态资源文件 App.vue 根组件 main.js 配置路由时会用 .babelrc 配置文件 .editorconfig 编辑器的配置文件 .gitignore 忽略的配置文件 index.ht 阅读全文

摘要：一.项目的创建 1、必须要安装nodejs 2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli （此命令只需要执行一次） 3、创建项目 必须cd到对应的一个项目里 阅读全文