摘要：angular创建组件，需要通过命令。 输入命令后重新运行。在app文件中会生成对应的文件夹和组件。
阅读全文
posted @ 2019-05-30 23:18
05 2019 档案
摘要：windows更新node版本只能去官网下载，然后安装。不能使用n模块的。
阅读全文
posted @ 2019-05-30 17:00
摘要：1.创建项目 2.下载依赖包 3.运行 浏览器自动打开 localhost:4200,运行成功
阅读全文
posted @ 2019-05-30 16:55
摘要：animation-play-state用于设置动画的状态，有两个值，paused和running
阅读全文
posted @ 2019-05-29 17:21
摘要：注意：tab的数量在2 - 5 个之间 小程序的文件不能大于2M
阅读全文
posted @ 2019-05-23 22:02
摘要：微信小程序的for循环的选项是item,下标是index。 wxml js 也可以指定遍历选项和下标的别名， 指定遍历选项的别名：wx:for-item="xxx" 指定遍历下标的别名 ：wx:for-index="yyy" 例子：
阅读全文
posted @ 2019-05-20 17:10
摘要：控制元素显示和隐藏的指令是:wx:if={{xxx}} 当{{}} 里的值是true，那么就显示，如果false就不显示
阅读全文
posted @ 2019-05-20 10:47
摘要：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
摘要：在app.json中,page选项中设置即可， 生成目录如下：
阅读全文
posted @ 2019-05-19 01:21
摘要：通过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
摘要：$refs 用于获取指定的dom元素。 首先在标签中定义ref="xxx" 通过this.$refs.xxx获取到该dom元素 注意：在created阶段，是不能获取到$ref绑定的元素的。
阅读全文
posted @ 2019-05-13 15:35
摘要：vue的实例属性$options是用来获取定义在data外的数据和方法的。
阅读全文
posted @ 2019-05-13 15:30
摘要：vue的实例属性$data是用于获取data里数据的相当于用this获取。
阅读全文
posted @ 2019-05-13 15:23
摘要：$el 用于获取vue挂载的实例的dom对象，在mounted生命周期中才有效。
阅读全文
posted @ 2019-05-13 09:53
摘要：调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。
阅读全文
posted @ 2019-05-12 10:55
摘要：vue的extends和mixins类似，通过暴露一个extends对象到组件中使用。 extends会比mixins先执行。执行顺序：extends > mixins > 组件 extends只能暴露一个extends对象，暴露多个extends不会执行 test.js vue组件
阅读全文
posted @ 2019-05-12 09:04
摘要：mixins就是混入。 一个混入对象可以包含任意组件选项。 同一个生命周期，混入对象会比组件的先执行。 1.创建一个test.js，用export暴露出mixins对象 2.在组件中引入这个mixins对象，通过mixins:[xxx]，使用mixins对象 补充： 可以混入多个mixins对象 组
阅读全文
posted @ 2019-05-11 19:00
摘要：1.安装vue-lazyload 2.main.js中引入并使用vue-lazyload,注意loading图片要放在static文件夹里 3.在组件中需要懒加载的图片中使用v-lazy代替src，注意：懒加载的图片也是放在static文件夹里
阅读全文
posted @ 2019-05-11 11:23
摘要：找到config文件夹，里面的index.js，把build对象下的 assetsPublicPath的属性改为 './' 再次npm run build ，用vscode自带服务器打开，就可以显示内容了。
阅读全文
posted @ 2019-05-10 13:37
摘要：方式一： 参数显示在地址栏上的 （1）.在路由中配置path, 形式：path:"/xxx/:param" , 斜线+冒号+参数 （2）.在router-link标签用to绑定路由，:to=" '/blog/'+param " ,路由部分要加单引号 （3）.获取路由参数 点击带有参数的路由，地址栏会
阅读全文
posted @ 2019-05-10 12:38
摘要：在开发中，vuex里的state的数据是通过axios请求来的。 store.js中要使用axios就要先引入,然后直接使用axios, 准备两个变量a和b，一个用来接收res的值，一个用来接收整个axios方法的值 store.js 现在可以获取state中的值了，在created生命周期中，使用
阅读全文
posted @ 2019-05-10 07:23
摘要：在main.js中使用Vue.directive({'directiveName',bind(el,binding,vnode)}); 注：Vue.directive要写在new Vue之前 参数说明：el 是使用自定义指令的标签 binding.value是指令中等号后的值 binding.arg
阅读全文
posted @ 2019-05-09 00:35
摘要：每个router-link标签被点击时都有一个router-link-active的类，设置这个类的样式，就可以在vue里实现类的动态切换，在每个router-link标签里，都要加上exact这个属性，才能正常切换。 例子：
阅读全文
posted @ 2019-05-08 17:55
摘要：主要用到js的filter方法和match方法和vue的computed属性实现
阅读全文
posted @ 2019-05-08 15:15
摘要：单选框，多选框 ，下拉框获取值，都需要用v-model绑定。 单选框和下拉框绑定的是字符串 ，多选框绑定的是数组。 下拉框的v-model是写在select标签里的，不是写在option标签里的。 例子：
阅读全文
posted @ 2019-05-05 09:30
摘要：vuex的actions属性是用来处理异步方法的，通过提交mutations实现。 actions里要传入两个参数context和playload 调用actions的时候，使用this.$store.dispatch("actionsName",playload) store.js home.vu
阅读全文
posted @ 2019-05-04 19:25
摘要：getters传参可以用来根据条件筛选state里的数据的 store.js Home.vue
阅读全文
posted @ 2019-05-04 19:18
