摘要: 1.自定义事件 1.1 事件名 v-on事件监听器在 DOM 模板中会被自动转换为全小写(因为 HTML 是大小写不敏感的),所以v-on:myEvent将会变成v-on:myevent——导致myEvent不可能被监听到。 因此,我们推荐你使用短横线分隔命名的事件名。 1.2 自定义组件的v-mo 阅读全文
posted @ 2021-01-21 17:53 gzhjj 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 1.4 单向数据流 所有的prop都是从父组件传递到子组件中,反过来则不行。 每次父组件发生更新时,子组件中的所有prop都将会刷新为最新的值。 我们不应该在子组件内部改变prop。 两种常见的试图改变prop的情形: ① 这个prop用来传递一个初始值;这个子组件将其作为一个本地的prop数据来使 阅读全文
posted @ 2021-01-21 16:49 gzhjj 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 1.Prop 1.1 Prop的大小写 HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https: 阅读全文
posted @ 2021-01-21 16:13 gzhjj 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 1.组件注册 我们使用Vue.component注册组件,Vue.component的第一个参数就是组件名。 Vue.component('my-component-name', { /* ... */ }) W3C规范的自定义组件名,其字母全小写且可以包含连字符-。 使用上面的自定义组件的方式是< 阅读全文
posted @ 2021-01-21 15:53 gzhjj 阅读(645) 评论(0) 推荐(0) 编辑
摘要: 1.安装NPM NPM是包管理工具,使用命令行工具创建Vue项目之前先要通过NPM安装vue-cli。 所以先验证本地是否安装了Node.js和NPM。 2.创建Vue项目 安装好NPM后,安装vue-cli只需在命令行窗口输入npm install --global vue-cli,按回车即可。 阅读全文
posted @ 2021-01-21 15:52 gzhjj 阅读(834) 评论(0) 推荐(0) 编辑
摘要: 1.组件基础 1.1 组件的复用 组件是可复用的Vue实例。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2 阅读全文
posted @ 2021-01-21 15:44 gzhjj 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 1.表单输入绑定 你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。 v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将 Vue 实例的数据作为数据来源。 1.1 文本 <!DOCTYPE h 阅读全文
posted @ 2021-01-21 15:14 gzhjj 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1.事件处理 1.1 监听事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></ 阅读全文
posted @ 2021-01-21 14:44 gzhjj 阅读(118) 评论(0) 推荐(0) 编辑