二十七、实例入门-实例属性

太过爱你忘了你带给我的痛 2022-05-14 15:23 247阅读 0赞

#                              实例入门-实例属性 #

实例的作用就是给原生的或者其他javascript框架一个融合的接口或者说是机会，让Vue和其他框架一起使用。

### 1、Vue和Jquery.js一起使用 ###

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../assets/js/vue.js"></script>
        <script type="text/javascript" src="../assets/js/jquery-3.1.1.min.js"></script>
        <title>Early Examples Demo</title>
    </head>
    <body>
        <h1>Early Examples Demo</h1>
        <hr>
        <div id="app">
            {
       {message}}
        </div>
        <script type="text/javascript">
            var app=new Vue({
                el:'#app',
                data:{
                    message:'hello Vue!'
                },methods:{
                    add:function(){
                        console.log("调用了构造器内部的Add方法");
                    }
                },
                //在Vue中使用jQuery
                mounted:function(){
                    $('#app').html('我是jQuery!');
                }
            })
    
            //调用实例内的add方法：
            app.add();
        </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPF入门教程系列十二——依赖属性（二）

二、依赖属性的优先级　　由于WPF 允许我们可以在多个地方设置依赖属性的值，所以我们就必须要用一个标准来保证值的优先级别。比如下面的例子中，我们在三个地方设置了按钮的背景

青旅半醒/ 2024年03月17日 10:46/ 0 赞/ 160 阅读

相关 quartz入门（二）SimpleTrigger简单实例

[http://blog.csdn.net/wo541075754/article/details/46502819][http_blog.csdn.net_wo5410757

绝地灬酷狼/ 2022年05月29日 01:07/ 0 赞/ 323 阅读

相关 Vue.js入门学习（二）实例、数据绑定、计算属性

从这一节开始，就开始正式的细节性、系统性的学习Vue.js！ Vue实例构造器每个 Vue.js 应用的起步都是通过构造函数 `Vue` 创建一个 Vue 的根实

缺乏、安全感/ 2022年05月20日 02:27/ 0 赞/ 186 阅读

相关二十九、实例事件

实例事件 <!DOCTYPE html> <html lang="en">

柔光的暖阳◎/ 2022年05月14日 15:24/ 0 赞/ 303 阅读

相关二十八、实例方法

实例方法 <!DOCTYPE html> <html lang="en"> <head

快来打我*/ 2022年05月14日 15:24/ 0 赞/ 301 阅读

相关二十七、实例入门-实例属性

实例入门-实例属性实例的作用就是给原生的或者其他javascript框架一个融合的接口或者说是机会

太过爱你忘了你带给我的痛/ 2022年05月14日 15:23/ 0 赞/ 248 阅读

相关 Docker系列（二十二）——Docker实例四Docker安装MySQL实例

《 Docker实例三Docker安装MySQL实例》 ![watermark_type_ZmFu

冷不防/ 2022年04月12日 12:39/ 0 赞/ 342 阅读

相关 Docker系列（二十）——Docker实例二Docker安装Nginx实例

《 Docker实例二Docker安装Nginx实例》 ![watermark_type_ZmFu

迈不过友情╰/ 2022年04月11日 19:58/ 0 赞/ 494 阅读

相关 mysql七表查询实例（二）

上一章的内容大家觉得怎么样？接下来，让我们来一点一点继续深入。 1.查询成绩大于60分的所有信息： mysql> select \ from(select studen

川长思鸟来/ 2021年09月23日 03:02/ 0 赞/ 268 阅读

相关 MyBatis官方入门实例十步走

目录一数据库二 pom文件三创建工具类，用来获得sqlSession 四 Mybatis核心配置文件配置五实体类六 mapper类七 mappe

ゞ浴缸里的玫瑰/ 2021年07月24日 14:52/ 0 赞/ 361 阅读