当前位置：网站首页>01_ Template syntax

01_ Template syntax

2022-07-19 01:36:00 【ID does not exist.】

Template syntax

Vue Template syntax has 2 Categories: ：

Interpolation Syntax ：

function ： Used to parse the contents of the tag body

How to write it ：{ {xxx}},xxx yes js expression , And can directly read data All properties in

Instruction syntax ：

function ： Used to parse tags （ Include ： Tag attributes 、 Label body properties 、 The binding event .......）

give an example ：v-bind:href="xxx" Or abbreviated as :href="xxx",xxx Also write js expression , And can directly read data All properties in 

<body>
    <div id="root">
        <h1> Interpolation Syntax </h1>
        <h3> Hello ,{
  {name}}</h3>
        <hr />
        <h1> Instruction syntax </h1>
        <a v-bind:href="school.url.toUpperCase()" x="hello"> Let me go {
  {school.name}} Study 1</a>
        <a :href="school.url" x="hello"> Let me go {
  {school.name}} Study 2</a>
    </div>
</body>
​
<script type="text/javascript">
    Vue.config.productionTip = false // prevent  vue  Generate production prompts at startup .
​
    new Vue({
        el: '#root',
        data: {
            name: 'jack',
            school: {
                name: ' Silicon Valley ',
                url: 'http://www.atguigu.com',
            }
        }
    })
</script>
原网站

版权声明
本文为[ID does not exist.]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/200/202207170004038728.html

边栏推荐

猜你喜欢

随机推荐