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

太过爱你忘了你带给我的痛 2022-05-14 15:23 174阅读 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 条评论，174人围观）

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

相关阅读

相关 HTML 属性实例

HTML 属性实例 -------------------- ![在这里插入图片描述][20210319213651195.gif] ----------------

绝地灬酷狼/ 2022年11月11日 06:17/ 0 赞/ 157 阅读

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

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

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

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

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

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

相关二十九、实例事件

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

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

相关二十八、实例方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 Vue实例属性和实例方法

目录一，常用的实例属性：二，常用的实例方法： 1，实例方法set ，delete 2，实例方法watch 3，实例方法-生命周期 -------------

末蓝、/ 2021年07月25日 12:34/ 0 赞/ 516 阅读