vue技巧

最新推荐文章于 2024-05-06 09:00:00 发布

就像风1样

最新推荐文章于 2024-05-06 09:00:00 发布

阅读量512

点赞数

分类专栏： Vue 文章标签： vue 属性绑定技巧

本文链接：https://blog.csdn.net/qq_42221334/article/details/100136643

版权

这篇博客探讨了Vue框架中的属性绑定方法，通过{{ name() }}展示数据，并介绍了如何实现点击事件触发页面跳转到新的URL，提供了一种有效的用户交互方式。

摘要由CSDN通过智能技术生成

方法绑定 { { name() }} 返回展示：

<template>
    <div>{
  {name()}}</div>
</template>

<script>
  export default {
    data{
        return {
            text："是？"
        }
    }
    methods: {
        name(){
          return "名字"+ this.text
        },
    }
    
  }
</script>

页面跳转URL绑定点击都可以打开新页面：

<template>
    <a :href="weburl">a标签跳转</a>
    <p v-html="url"></p>
</template>
<script>
  export default {
    data{
        return {
            webur