2020 年 10月随笔档案 - smile学子

一起学Vuejs（二十一）----- 箭头函数

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础箭头函数：一种定义函数的方式，允许使用“箭头”（=>）定义函数。普通用法： var f = a = > a //等同于 var f = function(a){ return a; } 如果不需要参数或需要多个参数，就使用一个圆括阅读全文

posted @ 2020-10-25 19:17 smile学子阅读(420) 评论(0) 推荐(0) 编辑

一起学Vuejs（二十）----- sync修饰符

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 sync修饰符：类似 v-model，它主要是解决了父子组件的双向绑定问题；由于单向数据流动，使得不能直接在子组件里面修改父组件传过来的数据。无 sync 修饰符： <template> <div id="app"> <butt 阅读全文

posted @ 2020-10-25 11:59 smile学子阅读(260) 评论(0) 推荐(0) 编辑

一起学Vuejs（十九）----- 过滤器

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础过滤器：用来筛选出符合条件的，丢弃不符合条件的；既可以筛选，又可以对筛选出来的进行加工。使用位置 1. 双括号插值内： {{ msg | filterA }} 2. v-bind绑定的值的地方： <h1 v-bind:id=" 阅读全文

posted @ 2020-10-25 10:57 smile学子阅读(85) 评论(0) 推荐(0) 编辑

一起学Vuejs（十八）----- watch属性

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 watch属性（监听）：监控vue实例的变化，监控的变量或者对象必须在data里面声明才可以。基本用法：当fullName值变化时，watch监听到并且执行： <div> <p>FullName: {{fullName}}</p 阅读全文

posted @ 2020-10-24 21:49 smile学子阅读(163) 评论(0) 推荐(0) 编辑

一起学Vuejs（十七）----- computed属性

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 computed属性（计算属性）： 1. 用来监控自己定义的变量（依赖了其它的值），该变量不在 data 里面声明，直接在computed里面定义； 2. 适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发阅读全文

posted @ 2020-10-24 21:30 smile学子阅读(179) 评论(0) 推荐(0) 编辑

一起学Vuejs（十六）----- 双向数据绑定与单向数据流

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础双向数据绑定： Vue中主要由三个部分组成：View、ViewModel和Model。其中View和Model不能直接进行通信，要通过中间件ViewModel来进行。例如：当Model部分数据发生改变时，由于vue中Data Bin 阅读全文

posted @ 2020-10-24 17:28 smile学子阅读(161) 评论(0) 推荐(0) 编辑

一起学Vuejs（十五）----- 插槽

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础插槽：插槽就是子组件中的提供给父组件使用的一个占位符，让父组件中的子组件模板数据正常显示。无插槽： <div id="app"> <div class="father"> <h3>这里是父组件</h3> <child> <span 阅读全文

posted @ 2020-10-24 16:43 smile学子阅读(414) 评论(0) 推荐(0) 编辑

一起学Vuejs（十四）----- 事件修饰符

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础事件修饰符：事件监听可以使用 v-on 指令，而事件修饰符来处理 DOM 事件细节。 stop 修饰符：阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递）： <template> <div> <div style="width: 阅读全文

posted @ 2020-10-23 22:20 smile学子阅读(139) 评论(0) 推荐(0) 编辑

一起学Vuejs（十三）----- 事件

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础事件：事件监听可以使用 v-on 指令，可以接收一个定义的方法来调用，方法中也可以传入参数。格式： v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)" 语法糖： @事件 = "函数名" 或者 @事件名阅读全文

posted @ 2020-10-23 21:32 smile学子阅读(98) 评论(0) 推荐(0) 编辑

一起学Vuejs（十二）----- 父子组件通信（emit）

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础父子组件通信——子传父：通过 this.$emit 提交一个事件，将子组件的行为或者数据告诉父组件修改父组件的值 1. 创建一个子组件 Child.vue <template> <div class="my-child"> <h5 阅读全文

posted @ 2020-10-23 17:31 smile学子阅读(365) 评论(0) 推荐(0) 编辑

一起学Vuejs（十一）----- 父子组件通信（props）

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础父子组件通信——父传子：通过 props 在父子组件传值，父组件中通过 v-bind:data="data"，决定子组件中的 props 接收的到底是哪个。 1. 创建一个父组件 Parent.vue，在data中添加一个paren 阅读全文

posted @ 2020-10-18 22:35 smile学子阅读(189) 评论(0) 推荐(0) 编辑

一起学Vuejs（十）----- 组件注册

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础组件注册(全局注册)： 1. 创建组件构造器：调用Vue.extend()方法创建组件构造器（这种写法在Vue2.0中几乎已经看不到了） (1) 调用Vue.extend()创建的是一个组件构造器 (2) 通常在创建组件构造器时，传入阅读全文

posted @ 2020-10-12 22:09 smile学子阅读(128) 评论(0) 推荐(0) 编辑

一起学Vuejs（九）----- 生命周期

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 vue生命周期： Vue实例从创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。生命周期钩子 = 生命周期函数 = 生命周期事件创建期间的生命周期函数： 1. beforeCreate：实例刚在内存中被创阅读全文

posted @ 2020-10-11 23:13 smile学子阅读(108) 评论(0) 推荐(0) 编辑

一起学Vuejs（八）----- 数组的方法

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 vue操作数组：变异方法：会改变被调用的原始数组 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 let arrayPush = [] arrayPush.push(1) arrayPush.push(3) a 阅读全文

posted @ 2020-10-11 22:40 smile学子阅读(1509) 评论(0) 推荐(0) 编辑

一起学Vuejs（七）----- v-model修饰符

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 lazy 修饰符： v-model 默认是在 input 事件中同步输入框的数据的，一旦有数据发生改变对应的 data 中的数据就会自动发生改变，lazy 修饰符可以让数据在失去焦点或者回车时才会更新。 number 修饰符：默认情阅读全文

posted @ 2020-10-11 20:50 smile学子阅读(133) 评论(0) 推荐(0) 编辑

一起学Vuejs（六）----- v-model的使用

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 v-model：实现表单元素和数据的双向绑定。 v-model结合radio类型使用： <div id="app"> <label for="male"> <input type="radio" id="male" value="男阅读全文

posted @ 2020-10-11 20:31 smile学子阅读(126) 评论(0) 推荐(0) 编辑

一起学Vuejs（五）----- v-model基本使用和原理

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 v-model：实现表单元素和数据的双向绑定（表单在实际开发中，特别是对用户信息的提交，非常常见）。基本使用： <div id="app"> <input type="text" v-model="message"> {{mess 阅读全文

posted @ 2020-10-11 19:25 smile学子阅读(209) 评论(0) 推荐(0) 编辑

一起学Vuejs（四）----- 单文件组件

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础单文件组件：工程中的 .vue 文件，里面包含html，css， js ，实现了对一个组件的封装，一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，对该文件进行解析时，需要安装vue-loader 对阅读全文

posted @ 2020-10-11 18:42 smile学子阅读(106) 评论(0) 推荐(0) 编辑

一起学Vuejs（三）----- export和export default的区别

摘要：不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 export default ：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。 export 和export default 的区别： export 可以导出多个命名模块； export default 只能导出阅读全文

posted @ 2020-10-11 18:24 smile学子阅读(705) 评论(0) 推荐(0) 编辑

搜索

常用链接

积分与排名

随笔分类

随笔档案

阅读排行榜

推荐排行榜