安稳

摘要： vue init webpack 项目名 创建项目cd 项目名 打开项目 npm install vuex --save 安装vuex在一个模块化的打包系统中，您必须显式地通过 Vue.use() 来安装 Vuex： import Vue from 'vue' import Vuex from 'v 阅读全文

摘要： 手机号 /^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/ 大写字母 /^[A-Z]+$/ 日期,如: 2000-01-01 /^\d{4}(-)\d{1,2}\1\d{1,2}$ 阅读全文

摘要： 第一步:安装 cnpm install vue-router --save 路由配置基本语法 正式入代码环节~ 组件: 路由index.js: 路由的跳转 使用标签router-link 通过to绑定到上面 定义子路由 路由传递参数 1.路由中配置 获取: this.$route.params.id 阅读全文

摘要： 父子组件中的传值 父向子 v-bind props <!-- 组件使用v-bind传值 --> <router :msg="msg"></router> 子组件: <p>子组件 {{msg}}</p> props: ["msg"], //props接收 props:验证 props: { // fo 阅读全文

摘要： 第一步:安装指令 npm install vuex --save 在package.json中可以看到版本 在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，我们用来创建vuex实例，然后在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量stor 阅读全文

摘要： 计算属性 computed:{ 变量:function(){ return 计算好的值 } } 这时候计算好的值 就付给了你的变量 在实例中可以this.使用 注意 声明的变量的data中不可以重复声明否则报错 <template> <div class="watch"> <input type=" 阅读全文

摘要： vue渲染 在组件中data是一个方法里面的值要是一个对象return出去 如果是new的事例 data就是一个对象 组件例子: 1.使用 {{}} 文本插值符 vue指令 2.v-bind 改指令的意思是：“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致”。 v 阅读全文

摘要： 路由中: 页面中: 需要缓存的组件中: 因为是keep-alive 所以在初始化页面的时候 会走一次生命周期 当二次进入的时候就已经是缓存状态了 不会在走生命周期 于是它就有了自己的周期函数分别是 1.组件激活时调用--activated 2.组件销毁时调用--deactivated (这两个钩子在 阅读全文

摘要： 需求: 父组件像封装的子组件传值 (父组件属性传值，子组件props接受) 子组件接受后经过处理回显页面; 预想:子组件接受值 , 经过watch监听,在监听中处理数据,回显数据; 问题:子组件在created时已经接受了传递的值 但是却没有走监听导致无法回显 ; 传值过程: watch: 问题来了 阅读全文

摘要： 需求:根据role 的不同分组 渲染页面 进行后期操作 后台返回数据: 因为后台返回的json数据不是我们想要的 所以就得自己来了~ 要啥样整啥样 js: 第一种处理方法 使用方法: 1: that.parties 改为你的数据 2:role改为你根据的属性名 3:dest就是处理好的数据赋值给你需 阅读全文