A-Programmer/bind-html-tag-from-data-in-vue.markdown

## bind-html-tag-from-data-in-vue.markdown

      
    Raw
  

              bind-html-tag-from-data-in-vue.markdown
            
          
    Bind html tag from data in vue

In this example i show how we can render html tag from a data on page by vue
A Pen by Kamran on CodePen.
License.

  
## index.html
<div id="vue-app">
  <p v-html="websiteHtmlTag"></p>
</div>

## script.js
new Vue ({
  el: '#vue-app',
  data: {
  websiteHtmlTag: '<a href="http://sadin.ir">My Site</a>'
  }
});

## scripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.min.js"></script>
	new Vue ({
	el: '#vue-app',
	data: {
	websiteHtmlTag: '<a href="http://sadin.ir">My Site</a>'
	}
	});