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

简介: Vue:简单使用像引用jQuery一样引用Vue

代码示例

<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>

在console终端中修改对象的属性

d18.1.png


参考:https://www.liaoxuefeng.com/wiki/1022910821149312/1109447325776608



            </div>
目录
相关文章
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
74 0
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
134 0
Vue:简单使用像引用jQuery一样引用Vue
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 数据库
asp.net 中 Json、Jquery、Post简单使用
前台取得数据: //数据库中有 typeid 和 typename 字段 var json;$(document).ready(function () { //ready-start$.
1937 0
|
11天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
52 21