Vue学习日记
一袋米哟扛几楼
毕业于清华大学,拥有超过13年的工作经验。 Oracle认证 讲师,拥有6年以上授课经验。精通Oracle数据库、中间 (Weblogic)和大数据Hadoop的管理和开发。 曾为湖北 移动,中国移动,山东教育网进行培训。著有畅销书《IT 必学课》,曾获得xx奖项。
展开
-
VUE笔记
数组vm.items[1] = 'x' // 不是响应性的vm.items.length = 2 // 不是响应性的对应上面的问题可以使用以下方法:vm.$set(vm.items, indexOfItem, newValue);vm.items.splice(newLength)原创 2021-05-24 17:15:24 · 111 阅读 · 0 评论 -
关于Vue父组件调用子组件方法之前,改变子组件绑定的值,在调用的方法里抓不到最新修改的值
Vue父组件调用子组件方法之前,改变子组件绑定的值,在调用的方法里抓不到最新修改的值原创 2021-05-17 00:51:12 · 304 阅读 · 0 评论 -
实现路由懒加载
实现路由懒加载1.安装 @bable/plugin-syntax-dynamic-importnpm install --save-dev @babel/plugin-syntax-dynamic-import2.在 bable.config.js配置文件中声明该插件module.exports = { "presets": [ "@vue/cli-plugin-babel/preset" ], "plugins": [ '@babel/plugin-syntax-dyn原创 2021-03-05 22:23:47 · 240 阅读 · 0 评论 -
vue bus 使用
简单记录一下vue bus 实现组件之间传值原创 2021-03-05 11:12:07 · 132 阅读 · 0 评论 -
动态组件
动态组件通过绑定修改is的属性来实现组件的切换:原创 2021-02-02 13:35:44 · 177 阅读 · 0 评论 -
Vue学习日记--柒
refref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。原创 2020-05-19 21:53:01 · 189 阅读 · 0 评论 -
Vue学习日记--陆
slot当组件渲染的时候, 将会被替换为自定义的值。插槽内可以包含任何模板代码。先写一个组件。 Vue.component("my-component",{ template:'<div>' + '<slot></slot>' +//插槽 '我是局部组件' + '</div>' }) 使用组件:<my-componen原创 2020-05-18 00:26:02 · 128 阅读 · 0 评论 -
Vue学习日记--伍
$emit$emit 可用来在子组件中调用父组件中绑定的自定义事件。 this.$emit(‘事件名’,[参数1,参数2…])。子组件Child中msg与元素input绑定,当输入时,msg会改变同时会调用changeValue函数,在changeValue函数中会通过$emit调用父组件中的绑定的事件childHandler来改变父组件的msg<script type="text/javascript"> //全局组件 // Vue.component('Chi原创 2020-05-15 00:25:28 · 129 阅读 · 0 评论 -
Vue学习日记--肆
组件通信值props父组件可以通过props将数据传递给子组件。先声明父组件的属性msg,在父组件中将msg绑定到子组件中(<Child :childData="msg"/>),在子组件中使用props接收父组件的属性(props:[‘childData’])。此时接收到的数据可以为子组件使用。 <script type="text/javascript"> //全局组件 Vue.component('Child',{原创 2020-05-14 00:05:02 · 83 阅读 · 0 评论 -
Vue学习日记--叁
V-modelv-model="msg"可以将元素的值与msg绑定。下面的例子是将msg的值与输入框绑定。 <div id="app"> {{msg}} </div> <script type="text/javascript" src="vue.js"></script> <script type="text/javascript"> new Vue({ e原创 2020-05-12 23:48:17 · 87 阅读 · 0 评论 -
Vue学习日记--贰
Vue的组件组件是可复用的Vue实例因为组件是克服用的Vue实例,所以他们与new Vue接受相同的选项,例如data、computed、watch、method以及生命周期钩子等。组件有两种注册注册类型:全局组件和局部组件。全局组件全局组件:在全局注册之后可以被在其注册之后的任何新创建的Vue根实例,也包括其组建树中的所有子组件模板中。Vue.component("component-name",{ data:function(){ return { } } template:'原创 2020-05-11 22:42:22 · 138 阅读 · 0 评论 -
Vue学习日记--壹
Vue的一些指令指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。原创 2020-05-10 01:20:17 · 154 阅读 · 0 评论 -
Vue学习日记--零
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。原创 2020-05-08 22:58:26 · 99 阅读 · 0 评论