![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
qq_44571236
这个作者很懒,什么都没留下…
展开
-
Vue组件间通信的四种方式
组件间通信 1: props在自定义组件中的使用时需要 在组件内声明所有的 props方式一: 只指定名称props: [‘name’, ‘age’, ‘setName’]方式二: 指定名称和类型props: {name: String,age: Number,setNmae: Function}方式三: 指定名称/类型/必要性/默认值props: {name: {ty...原创 2020-01-28 11:04:32 · 158 阅读 · 0 评论 -
安装vue-cli最新版
安装vue-cli安装vue脚手架的过程中遇到了很多问题,看了各种博客,也尝试了很多方法,但一直报错装不上,最终看到一个方法成功解决了各种疑难杂症,顺利安装,废话不多说,下面就贴出来。检查自己是否装有 Node.js (非常关键)windows+R 在命令提示符窗口中输入: node -v如果有版本号显示,如下图,说明电脑中装有node.js否则需要首先装入nod...原创 2020-01-23 12:16:55 · 1138 阅读 · 0 评论 -
简单自定义插件
说明Vue 插件是一个包含 install 方法的对象通过 install 方法给 Vue 或 Vue 实例添加方法,定义全局指令等基本使用结构(function () { MyPlugin.install = function (Vue, options) {// 1. 添加全局方法或属性 Vue.myGlobalMethod = function ()...原创 2020-01-22 17:19:35 · 168 阅读 · 0 评论 -
常用内置指令与自定义指令
常用内置指令v:text : 更新元素的 textContentv-html : 更新元素的 innerHTMLv-if : 如果为 true, 当前标签才会输出到页面v-else: 如果为 false, 当前标签才会输出到页面v-show : 通过控制 display 样式来控制显示/隐藏v-for : 遍历数组/对象v-on : 绑定事件监听, 一般简写为@v-bind : ...原创 2020-01-22 16:10:36 · 207 阅读 · 0 评论 -
过滤器及应用实例(显示格式化的日期时间)
理解过滤器功能: 对要显示的数据进行特定格式化后再显示注意: 并没有改变原本的数据, 只是产生新的对应的数据定义和使用过滤器定义过滤器Vue.filter(filterName, function(value[,arg1,arg2,...]){// 进行一定的数据处理return newValue})使用过滤器<div>{{myData | filte...原创 2020-01-22 12:38:38 · 566 阅读 · 0 评论 -
Vue的过渡与动画
对vue 动画的理解操作 css 的 trasition 或 animation (即不生产,只是搬运工)vue 会给目标元素添加/移除特定的 class过渡的相关类名xxx-enter-active: 指定显示的 transitionxxx-leave-active: 指定隐藏的 transitionxxx-enter/xxx-leave-to: 指定隐藏时的样式实现方式...原创 2020-01-19 23:15:38 · 197 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期:生命周期有三个大的阶段,即:初始化显示更新显示死亡这三个阶段在上图做了划分,每一个阶段都会对应一些生命周期的回调函数(也叫 勾子)如下:大家也可以结合上图看首先要创建Vue实例,有了Vue之后初始化阶段 (只执行一次)beforeCreate()created()beforeMount()mounted()更新状态: this.xxx =...原创 2020-01-19 16:53:00 · 112 阅读 · 0 评论 -
JavaScript Array 对象
此博客只简要介绍常用方法,更多内容可参看详细文档Splice()方法定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数说明:index必需,整数 规定添加/删除项目的位置,使用负数可从数...原创 2020-01-17 21:27:37 · 146 阅读 · 0 评论 -
初始Vue技术
Vue是什么?渐进式 JavaScript 框架Vue的作用?动态构建用户界面Vue的特点?遵循 MVVM 模式Model :相当于dataview :即页面,一个个Dom元素,可以直接使用data中的数据ViewModel :1,指定Dom元素 2.数据绑定(数据可以自动从内存中显示到页面上)编码简洁, 体积小, 运行效率高, 适合移动/PC ...原创 2020-01-15 15:46:16 · 90 阅读 · 0 评论