vue学习笔记-Vue模板语法

最新推荐文章于 2024-06-15 14:41:39 发布

晓俊俊

最新推荐文章于 2024-06-15 14:41:39 发布

阅读量76

点赞数

文章标签： vue.js 学习 javascript

本文链接：https://blog.csdn.net/qq_69014008/article/details/128502205

版权

Vue插值语法

常常运用于解析标签体内容

 <h2>你好，{{name}}</h2>

{{ }}：这个里面写js表达式，并且可以读取到data里面的所有属性。

Vue指令语法

功能:用于解析标签（包括:标签属性、标签体内容、绑定事件…）。

<a :x="name" :href="url.toLocaleUpperCase()">百度</a>

<script type="text/javascript">
   new Vue({
        el:'#root',
        data:{
            name:'zijun',
            age:18,
            url:'https://www.baidu.com'
        }
    });

</script>

v-bind:href="xxx”或简写为href=“xxx”,xxx同样要写js表达式，