摘要：1.this.$emit ，子传父 2.this.$children属性 this.$children返回的是数组 例子： 3.通过this.$refs获取组件 4.this.$parent获取父组件数据 this.$parent返回的是对象，this.$children返回的数组 例子：
阅读全文
posted @ 2019-10-18 18:58
随笔分类 - vue笔记
这里是vue的笔记
摘要：1.新建vue.config.js文件（和package.json同一目录） 2.复制以下代码：
阅读全文
posted @ 2019-10-18 05:35
摘要：v-for除了可以循环数组，还可以循环对象。 例子： 结果：
阅读全文
posted @ 2019-09-09 03:26
摘要：1.在目录下创建一个vue文件 2.全局安装【需要管理员运行】 @vue/cli-service-global 3.运行vue serve xxx.Test
阅读全文
posted @ 2019-08-31 22:07
摘要：1.创建项目 2.选择手动配置,回车 3.按上下和空格选择需要的模块，回车 4.是否选择history模式 5.以下选择in package.json 6.是否保存为自己的模板，选no 7.移动到对应文件夹，根据提示运行
阅读全文
posted @ 2019-08-31 20:59
摘要：直接对数组元素赋值，是不会更新视图的。要使用arr.splice()方法更新数组，才会更新视图。
阅读全文
posted @ 2019-08-13 01:10
摘要：1.安装 babel-polyfill npm i --save-dev babel-polyfill 2.在main.js中引入 babel-polyfill import 'babel-polyfill' 3.在build文件夹下的webpack.base.config中配置代码： app: [
阅读全文
posted @ 2019-07-19 13:07
摘要：npm i ---------- yarn npm run dev ------- yarn start npm run build ------- yarn run build npm i xxxx --save ------ yarn add -S
阅读全文
posted @ 2019-07-05 20:43
摘要：找到config文件夹里的index.js，build对象里的两个地方，更改成自己想要的名称
阅读全文
posted @ 2019-06-05 10:27
摘要：0.main.js引入animate.css 1.给router-view标签外层加上transition标签，并且router-view标签要改成<router-view></router-view> 2.在transition标签加上两个类：enter-active-class 和 leave-
阅读全文
posted @ 2019-05-19 09:29
摘要：通过import引入的组件都是局部组件 通过Use使用的都是全局组件 1.在components文件夹下新建vue组件和index.js 2.index.js引入这个组件。暴露出install方法，install(Vue){ Vue.component('ComponentName',Compone
阅读全文
posted @ 2019-05-18 11:03
摘要：slot分为匿名插槽和具名插槽 1.匿名插槽 首先问一个问题：如果引用过来的子组件标签里有内容，那么怎么显示？ 答：在子组件加个slot标签就可以了。所以可以说，slot标签是用于显示引用的子组件中的内容。 父组件引用子组件，子组件标签里，如果有内容，那么slot标签的内容不显示，如果子组件标签没有
阅读全文
posted @ 2019-05-18 01:20
摘要：0.引入animate.css 1.用transition标签包裹多个运动的元素，transtion-group标签使用enter-active-class定义进入动画的类，用leave-active-class定义离开动画的类。 2.被包裹的元素要使用key属性，属性值要唯一 例子：
阅读全文
posted @ 2019-05-17 10:48
摘要：1.在main.js中引入animate.css 2.使用transition标签包裹运动的元素,使用enter-active-class定义进入动画，使用leave-active-class定义离开动画，注意animate.css的所有动画要加animated这个类 例子：
阅读全文
posted @ 2019-05-17 10:37
摘要：1.使用transition标签包裹要运动的元素，给transition标签定义一个name属性 2.定义6个类名，每个类名都要用trnasition的name的属性值作为前缀。 (1) v-enter-active 和 v-leave-active 这两个类，定义过渡的属性 (2)v-enter
阅读全文
posted @ 2019-05-17 10:29
摘要：$watch和watch属性都是监听值的变化的,是同一个作用，但是有两个不同写法。 用法一： this.$watch((newVal,oldVal)=>{ }) 注意：这种方法是监听不到对象的变化的。 用法二： watch:{ xxx：（newVal,oldVal)=>{ // xxx是data里的
阅读全文
posted @ 2019-05-16 09:54
摘要：this.$delete方法是用来删除对象属性的。 语法： 例子：
阅读全文
posted @ 2019-05-15 23:47
摘要：this.$nextTick方法用于更新数据后，马上进行dom操作，获取dom内容。 this.$nextTick是异步的。 更新数据后，视图是更新了，但是获取视图上的新数据的时候，却是原来的。这是就要用nextTick了。 例子： 一些注意的地方： 1.this.$refs只能在mounted里使
阅读全文
posted @ 2019-05-15 06:34
摘要：用power shell初始化vue项目一直停留在downloading template 用git的git bush here 就可以了。
阅读全文
posted @ 2019-05-14 08:48
