zoukankan      html  css  js  c++  java
  • 学习vue的核心功能

    这篇转自链接:https://www.jianshu.com/p/5d0d913d2453

    作者说,

    如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优。

    Vue.js的官方中文教程其实也是一个不错的教程,不过相比于一次性把所有概念掌握,我更倾向于先会用,之后再在实际应用中把未涉及到的知识点逐步补全。

    就像开车,不是非要知道发动机的工作原理才能上路的,甚至你可能一辈子也不用知道。

    我是同意的。

    第一个例子:

    <!DOCTYPE html>
    <html>
    <head>
        <title>Vue Demo</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    </head>
    <body>
        <div id="firstVue">
        </div>
    </body>
    <script type="text/javascript">
        var myVue = new Vue({
            el: "#firstVue"
        })
    </script>
    </html>

    js变量 myVue 就是Vue创建的一个对象,可以理解成把<div id="firstVue></div>和这个标签里面包含的所有DOM都实例化成了一个JS对象, 这个对象就是myVue
    el是Vue的保留字,用来指定实例化的DOM的ID号, #firstVue这句话就是标签选择器,告诉Vue要实例化ID=“firstVue”的这个标签。
    至此,Vue.js框架在html页面的引入工作完成,但是如果我们访问这个页面并不能看到任何效果,一篇空白

    第二个例子,数据绑定

  • 相关阅读:
    第六章 函数与宏定义实验报告
    第三次实验报告
    第五章 循环结构课后反思
    第二次实验报告
    第一次实验报告
    安装OpenCV时提示缺少boostdesc_bgm.i文件的问题解决方案
    2020软件工程最后一次作业
    2020软件工程第四次作业
    2020软件工程第三次作业
    2020软件工程第二次作业
  • 原文地址:https://www.cnblogs.com/yansc/p/14263401.html
Copyright © 2011-2022 走看看