建设网站 程序员的提成,零下一度网站建设,南京360推广 网站建设,简述网站推广的方法目录
hello world
实现简易计时显示
反转字符串
显示隐藏
了解循环
了解双向绑定实现简易记事
设置鼠标悬停的文本
组件概念初探#xff0c;进行组件代码拆分 hello world 最原始形态#xff0c;找到 id 为 root 的标签#xff0c;将 Vue 实例的模板放入标签之内 …目录
hello world
实现简易计时显示
反转字符串
显示隐藏
了解循环
了解双向绑定实现简易记事
设置鼠标悬停的文本
组件概念初探进行组件代码拆分 hello world 最原始形态找到 id 为 root 的标签将 Vue 实例的模板放入标签之内 实现简易计时显示 content是一个变量在模板中使用“{{}}”将其包裹就是表示此意这个变量会从 data 里面获取this 代表的是当前 vue 实例下面使用的this.content表示取得 data 里面的 content 这是一种简写完整写法是this.$data.content 反转字符串 v-on:事件名方法名可以为特定的元素绑定一些特定的事件事件名 如果是点击事件就写click如果是鼠标移入事件就写monseenter如果是鼠标双击事件就写 dblclick实例 显示隐藏 v-if用于条件判断根据表达式值的真假判断Dom元素是否显示 了解循环 如果数据是数组的话如果一个一个写然后渲染到页面上非常麻烦因此就有 v-for 的方法来遍历 了解双向绑定实现简易记事 v-model指令可以在表单 input、textarea以及select元素上创建双向数据绑定 设置鼠标悬停的文本 在”第一个 vue 程序“中演示了使用{{content}}来引入 data 里面的数据这两个大括号的学名就做插值表达式现在产生了一个新的需求将标签的属性绑定 data 里面的一个值需要一个新的指令 v-bindv-bind:属性名表达式 组件概念初探进行组件代码拆分 不可能把整个项目的内容写在一个文件里面所以分成不同的文件和模块实现不同的功能组合以实现完整的功能 Vue.component(名称,{配置对象成员})父组件向子组件传值 传递静态数据则在组件使用标签上声明静态数据即可例如keyvalue,在组件定义内部使用props进行接收数据即可传递动态数据用v-bind或者v-model即可使用跟静态数据传递使用方式一样
