你的益达啊

接口未开启cors数据共享解决办法1.把网络请求的请求路径 改成运行地址2.在项目根目录上创建vue.config.js配置文件 ，并声明如下配置module.export = { devServer: { //当前项目在开发调试阶段 //会将任何位置请求 （没有匹配到静态文件的请求） 代理到 https://www.xxxx.cn proxy:'https://www.xxxx.cn', }}注意事项..

生明自定义事件 emits:['countChange'] 调用this.$.emit('countChange') 在使用自定义组件期间 可以通过@+自定义事件函数 来监听<script> export default { //1生明自定义事件 emits:['changeCount'], methods:{ add(){ this.$emit('changeCount')

props:{ propsD:{ //通过validator函数，对propsD属性的值进行校验，“属性的值”可以通过形参 value进行接受 validator（value）{ //propsD属性的值，必须匹配下列字符串中的一个 //validator 函数的返回值为true 表示验证通过 ，false 表示验证失败 return ['success' , 'warning' , 'dang.

组件注册分为全局注册 和 局部注册import 名称 from ‘包地址’//app.component用来对组件进行全局注册app.component('my-swiper' ,'导包时使用的名称')==========================================调用标签中使用<my-swiper></my-swiper>局部注册components：{ 注册的组件}...

过滤器可以分为全局过滤器 和私有过滤器| 是管道符私有过滤器<p>{{message}}</p>//正常message 显示的值应该是 Hellow ，vue//testFilter是过滤器的名字 ，message 是data中定义的数据 //解读：message 通过 | 调用 textFilter 过滤器 返回 得到一个新数据//通过filter 返回的数据是 Hellow，vue<p :title="message | test.

vuex是专门为vue应用程序开发的状态管理模式 ,采用的是 集中式存储管理数据不同组件保持同步 数据的修改都是可追踪的ps:类似于java中的多线程 ，多个线程访问一个变量 对变量进行+1 或 -1 ，会存在变量拿到的不是最新的值 ，无法保证变量的唯一性 ，vuex 可以理解为 每次取到的变量都是从主内存中取得，保证数据是最新的值。...

1.箭头函数1.1简写：当参数只有一个的时候 可以省略小括号（） 当函数体只有一句代码的时候 可以省略大括号{}1.2特性： 箭头函数的内部this指向上一层函数的this let fn = function ( str ){ consle.log(str)}//1let fn = (str) { consle.log(str)}//2let fn = str => { consle.log(str)}...

安装npm install vue-router@3.5.2 -S新建文件夹router 新建index.js// 1.导入Vue和VueRouter包import Vue from 'vue'import VueRouter from 'vue-router'// 2.把VueRouter安装成Vue插件Vue.use(VueRouter)// 3.创建路由的实例对象const router = new VueRouter()// 4.对外共享路由的实例对象ex

1. 什么是插槽插槽(Slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的 部分定义为插槽。在封装组件时，可以通过 <slot> 元素定义插槽，从而为用户预留内容占位符。用户在封装组建的时候 不确定要放什么标签 可以使用 slot标签 来进行站位插槽基本使用1.left组建中 使用 slot进行展位2.引用left 在left 标签中 写具体·内容如果没有 slot left内的 p 标签 无效 .

component标签是vue内置的 作用：组建的占位符 is属性值 表示要渲染的属性的名字 is属性值应该在组建components节点下注册 keep-alive 可以把组建缓存 而不是销毁组建keep-alive有两个生命周期函数activited()组建被激活了deactivted()组建被缓存了keep-alive 的include属性include属性用来指定：只有名称匹配的组建会被缓存，多个组件之间用英文（逗号），分割exclude属性指定哪些组建不被.

计算属性 定义在computed方法里面 computed:{ fullStatus(){ return this.list.every(item => item.goods_state) }, amt(){ return this.list.filter(item=>item.goods_state) .reduce((total ,item)=>(total += item.goods_price * item.goo.

jquery 是为了开发者更容易的操作domvue中有 mvvm的概念 我们只需要关注数据如果想要在 vue中操作dom元素 可以使用ref我们可以实现一个点击事件 打印下当前实例 this可以看到当前this中有$refs的对象 ，里面的内容就是我们生命的refref使用案例1通过按钮改变h2标签的颜色？<h2 ref="reference">通过ref操作Dom改变颜色</h2><button @click="refChange..

组建之间互相传递数据新建EventBug.js 导入vue包 对外共享Vue 组建引入EventBus包 发送方和接收方都需要引用 left 发送数据 到 right 组建 left引入eventBus 拿到bus.$('发送的名称'，“发送的内容”) right引入eventBus bus.$on('同上发送的名称'，（val）={})import Vue from 'vue'export default new Vue()import ...

扩展：引用组建 有两种方式 ，我只会两种第一种：哪里需要引用那里第二种：定义全局组建上面用的是第二种 定义的全局的组建第一种定义方式如下： script中导包 components中声明 标签中引用// 1. 导入需要使用的 .vue 组件import Left from '@/components/Left.vue'// 2. 注册组件 components: { Left, Rig...

父向子传值 使用自定义属性 props步骤： 首先在子元素中定义props 并在里面实现基本属性 然后在父元素中拿到子元素标签，实现子元素定义的属性子元素定义自定义属性 props:{ init:{ default:0, type:Number, required:true } }props可以是一个数组形式 ，也可以是一个对...

<template> <div> <h2>{{value}}</h2> <div class="box"> <Left @numchange="getNewCount"></Left> </div> </div></template><script>import Left from "@/components/Lef.

ES6模块化规范中的定义每个js都是一个独立的模块 导入其他模块成员使用Import关键字 向外共享模块成员使用export关键字node -v 查看版本号npm init -y 快速生成packge.jsonpackge.json中添加 type =module 即可体验es6语法{ "type": "module", "name": "es6", "version": "1.0.0", "description": "", "main": "index.j...

## watch 侦听器### 侦听器的格式1. 方法格式的侦听器 + 缺点1：无法在刚进入页面的时候，自动触发！！！ + 缺点2：如果侦听的是一个对象，如果对象中的属性发生了变化，不会触发侦听器！！！2. 对象格式的侦听器 + 好处1：可以通过 **immediate** 选项，让侦听器自动触发！！！ + 好处2：可以通过 **deep** 选项，让侦听器深度监听对象中每个属性的变化！！！对象格式的监听器<script> var ...

computed 计算属性 // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { // 红色 r: 0, // 绿色 g: 0, // 蓝色 b: 0 }, methods: { // 点击按钮，在终端显示最新的颜色 show() { .