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

宁夏住房和城乡建设厅网站首页重庆seo网站推广优化

宁夏住房和城乡建设厅网站首页,重庆seo网站推广优化,广西模板哪家最好,如何用ps制作网站自定义指令补充 自定义指令通过钩子函数的形式来实现自定义的功能 这里是几个常用的钩子函数以及它的方法: bind:只调用一次,指令第一次绑定到元素时调用,在这里可以进行一次性的初始化设置。 inserted:被绑定元素插…

自定义指令补充

  • 自定义指令通过钩子函数的形式来实现自定义的功能

这里是几个常用的钩子函数以及它的方法:
bind:只调用一次,指令第一次绑定到元素时调用,在这里可以进行一次性的初始化设置。
inserted:被绑定元素插入父节点时调用
update:所在的组件的VNode更新时调用,指令的值可能发生了改变,也可能没有。
componentUpated:指令所在组件的VNode及其子VNode 全部更新后调用
unbind:只调用一次,指令与元素解绑时调用。

自定义过滤器

过滤器用来对Vue中的属性或者数据进行过滤,即在显示之前进行数据处理或筛选。
过滤器可以用在两个地方:双花括号差值和v-bind表达式

过滤器的语法如下:

{{data|filter(参数)}}

data时filter的第一个参数(隐性参数),而括号中的参数是指第二个以后的参数。

过滤器的用法如下:

//双花括号形式
{{message|capitalize}}
//v-bind形式<div v-bind:id="rawId|formatId"></div>
  • 为什么叫自定义过滤器?

因为Vue2.0以后删除了所有内置过滤器

自定义全局过滤器

使用全局方法Vue.filter可自定义全局过滤器。所谓全局方法就是在多个实例中都可以使用。比如,再定义一个vue实例,在这个示例挂载的元素中也可以使用。

对于过滤器执行的函数,一般建议用箭头函数来表示。


<body><div id="app"><h3>{{8|addZero}}</h3><h3 v-bind:id="3|addZero">1</h3></div><script>//自定义过滤器,当数字为1位数字时,在前面加个0//过滤器执行的函数的第一个参数data就表示要过滤处理的数据,过滤器的名称Vue.filter('addZero', (data) => {//data参数是 | 前面的数据return data < 10 ? "0" + data : data;})const vm = new Vue({el: '#app',data: {}})</script>
</body>

注意:过滤器要先定义,然后再new Vue()实例,否则会失效且报错(也就是过滤器要写在new Vue()前面)

自定义局部过滤器

局部过滤器就是写在实例内部,通过filter选项设置,只能应用在对应的Vue实例挂载的DOM上。


<body><div id="app"><h3>{{currentDate|filterNum(3)}}</h3><h3 v-bind:id="3|addZero">1</h3></div><script>const vm = new Vue({el: '#app',data: {currentDate: Date.now(),},filters: {//局部过滤器filterNum: (data, n) => {return data.toFixed(n)},addZero: function (data) {return data < 10 ? "0" + data : "data"}}})</script>
</body>

在这里插入图片描述

http://www.15wanjia.com/news/21018.html

相关文章:

  • 全球搜索引擎网站seo关键词排名优化软件怎么选
  • 建网站引流做淘宝网络推广靠谱吗
  • 做视频网站需要多大的带宽网络公司网站建设
  • 诸城做网站建设的网店营销策划方案范文
  • 只用html5做网站seo网站优化
  • 类似站酷的设计网站国家提供的免费网课平台
  • 两学一做 投稿网站网络推广公司可不可靠
  • 济南网站建设培训班全国疫情高峰感染高峰
  • 沧州有做网站的吗湘潭网站seo
  • 网站尺寸规范百度明星人气榜
  • 网站建设网络推广销售个人网站免费制作平台
  • 创业做网站开发莆田百度推广开户
  • wordpress引用css样式seo软件系统
  • 桃城区网站制作公司重庆seo标准
  • 网站优化外包自己如何制作网站
  • 做金融怎么进基金公司网站爱站长尾词挖掘工具
  • 网站建设方案书模板下载泉州全网推广
  • 绍兴seo整站优化百度标记号码认证平台
  • 银川网站建设ctocio爱站权重查询
  • 免费不需要vip的追剧软件西安seo经理
  • 建设银行社会四川招聘网站seo赚钱吗
  • 南京网站建设哪家专业竞价排名推广
  • 网站建设g活动推广方案
  • 免费网站建设网站有那些国内最好的seo培训
  • 北京 网站 优化我要安装百度
  • 浙江平安建设网站搜索引擎优化的主题
  • 江阴网站建设推广网站制作的流程是什么
  • 苏州艺术家网站建设第三方关键词优化排名
  • 无锡专业网站建设百度学术论文查重入口
  • 做外贸网站维护费是多少网站建设详细方案模板