https://asakusa-shashin.com/js/vue_function.js

1/* =================================================================
2 License : e-TRUST Inc.
3 File name : vue_function.js
4 Style : function
5================================================================= */
6
7$(function(){
8// =================================================================
9
10if($(".h1title_02 h1 span").length){
11 var h1 = $(".h1title_02 h1 span").html().split('</span>')[0];
12 var copy = $("#copy a").text();
13 console.log(copy);
14 Vue.component('pan', {
15   data: function () {
16     return {
17       pankuzu: h1,
18       copy: copy
19     }
20   },
21   template: '<ol class="pankuzu" itemscope itemtype="https://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="index.html"><span itemprop="name"><i class="fas fa-home"></i>{{ copy }} HOME</span></a><meta itemprop="position" content="1" /></li> ＞ <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name">{{ pankuzu }}</span><meta itemprop="position" content="2" /></li></ol>'
22 })
23 new Vue({ el: '.pan1' })
24};
25
26// =================================================================
27});