当前位置: 首页 > news >正文

珠海门户网站建设价格广州网站优化多少钱

珠海门户网站建设价格,广州网站优化多少钱,平台类网站,上海企业网站建设方案目录 hello world 实现简易计时显示 反转字符串 显示隐藏 了解循环 了解双向绑定实现简易记事 设置鼠标悬停的文本 组件概念初探,进行组件代码拆分 hello world 最原始形态,找到 id 为 root 的标签,将 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-bind
  • v-bind:属性名=表达式

  • 组件概念初探,进行组件代码拆分

  • 不可能把整个项目的内容写在一个文件里面
  • 所以分成不同的文件和模块实现不同的功能,组合以实现完整的功能

  • Vue.component(名称,{配置对象成员})
  • 父组件向子组件传值
    • 传递静态数据,则在组件使用标签上声明静态数据即可,例如key=value,在组件定义内部使用props进行接收数据即可
    • 传递动态数据,用v-bind或者v-model即可,使用跟静态数据传递使用方式一样
http://www.khdw.cn/news/22281.html

相关文章:

  • 酷酷123网址之家宁波seo快速优化公司
  • 北京市建设工程质监站网站关键字优化用什么系统
  • web网站开发的书籍新闻头条最新消息10条
  • 包头建设局网站百度贴吧网页入口
  • 番禺做网站网站技术外包公司
  • crm系统管理淘宝seo推广优化
  • 聊城seo整站优化报价深圳推广公司介绍
  • 装修公司网站用的织梦淘宝流量平台
  • 建设网站是哪个部门负责保定关键词排名推广
  • 儿童教育类网站模板下载教育机构退费纠纷找谁
  • 吴桥网站建设公司深圳网络推广营销
  • 产品宣传网站的作用拼多多搜索关键词排名
  • 373网站怎么做这样的网站太原seo关键词优化
  • 乌鲁木齐外贸网页设计培训滁州网站seo
  • 牡丹江做网站开发网站建设公司
  • 在谷歌上做国际网站百度推广开户费用
  • 怎样看网站有没有做301搜索引擎优化是指什么意思
  • 建设网站 费用吗互联网+营销策略怎么写
  • 今日头条新闻10条军事河北seo推广
  • 网站建设有什么岗位职责北京百度seo价格
  • 网站后台怎么修改文字信息发布平台推广有哪些
  • 关于网站开发市问卷调查哈尔滨电话本黄页
  • 用html制作的蛋糕店网站北京做百度推广的公司
  • 江苏省网站备案查询系统seo课程培训班
  • 网站建设本科毕业论文百度知道问答
  • 学做网站的步骤苏州企业网站关键词优化
  • vip视频解析网站怎么做新闻今天的最新新闻
  • 做网站需要用什麼服务器竞价推广套户渠道商
  • 一个空间可以做几个网站吗北京seo百度推广
  • 网站开发追款单上海今天刚刚发生的新闻