Vue：简单使用像引用jQuery一样引用Vue

最新推荐文章于 2024-07-08 19:33:43 发布

彭世瑜

最新推荐文章于 2024-07-08 19:33:43 发布

阅读量1.8k

点赞数

分类专栏： Vue

本文为博主原创文章，欢迎转载，请注明出处

本文链接：https://blog.csdn.net/mouday/article/details/92847443

版权

Vue 专栏收录该内容

67 篇文章 3 订阅

订阅专栏

代码示例

<html>
<head>

<!-- 引用jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<!-- 引用Vue -->
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

<script>
// 初始化代码: 推迟到页面加载完毕后执行
$(function () {
    var app = new Vue({
        el: '#app',
        data: {
            name: 'Robot',
            age: 15
        }
    });
    // 把变量绑定到了window对象
    window.app = app;
});
</script>

</head>

<body>

    <div id="app">
        <!-- 单向绑定 2种方法-->
        <p>Hello, {{ name }}!</p>
        <p>You are <span v-text="age"></span>years old!</p>
    </div>

</body>
<html>