smile学子 - 博客园

2020年10月23日

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

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

2020年10月18日

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

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

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

2020年10月12日

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

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

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

2020年10月11日

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

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

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

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

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

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

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

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

posted @ 2020-10-11 20:50 smile学子阅读(145) 评论(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学子阅读(136) 评论(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学子阅读(216) 评论(0) 推荐(0)

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

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

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

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

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

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