smile学子 - 博客园

2020年11月1日

摘要： Devtools：基于chrome游览器的插件，用于调试vue应用。 1. vue-detools5.1.1下载：https://github.com/vuejs/vue-devtools/tree/v5.1.1 2. 解压：执行 npm i或npm install 3. 示例：npm instal 阅读全文

posted @ 2020-11-01 19:59 smile学子阅读(6444) 评论(0) 推荐(1) 编辑

2020年10月25日

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

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

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

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

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

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

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

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

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

2020年10月24日

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

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

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

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

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

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

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

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

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

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

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

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

2020年10月23日

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

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

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

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

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

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