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



相关文章
|
2月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
44 0
|
2月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
45 1
|
2月前
|
JavaScript 前端开发 开发者
用 React/Vue 不如用 jQuery
用 React/Vue 不如用 jQuery
111 0
|
7月前
|
JavaScript 前端开发 API
Vue、jquery和angular之间区别
Vue、jquery和angular之间区别
51 2
|
2月前
|
JavaScript 前端开发 开发者
vue和jQuery有什么区别
vue和jQuery有什么区别
84 0
|
8月前
|
JavaScript
Vue3.0中如何引入jQuery并使用
Vue3.0中如何引入jQuery并使用
204 0
|
11月前
|
JavaScript 前端开发
Vue 和 jQuery 两者之间的区别是什么?
Vue 和 jQuery 两者之间的区别是什么?
70 0
|
11月前
|
移动开发 JavaScript 前端开发
vue和Jquery的区别
vue和Jquery的区别
|
JavaScript 前端开发 开发者
解决Vue项目中使用原生/jquery插件无法获取DOM的问题
解决Vue项目中使用原生/jquery插件无法获取DOM的问题记录。
261 1
|
XML 存储 监控
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异