zoukankan      html  css  js  c++  java
  • Web全栈探索,Vue基础系列,Vue入门(一)

    一、国产框架

    Vue属于国产框架!

    与2014年2月诞生

    二、我的第一个Vue页面

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>这是我的第一个vue页面</title>
    </head>
    <body>
    <div id="firstDemo">
        // 差值表达式 {{}} ===> 将数据填充到HTML标签中
        // 插值表达式支持基本的计算操作
        <div>{{msg}}</div>
    </div>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
            /**
             * 步骤
             *
             * 1.提供标签 ===> 用于填充数据
             * 2.引入vue库文件(进入官网,依次选择学习==》教程==》安装==》开发版)
             * 官网地址:
             * https://cn.vuejs.org/
             * 3.可以使用vue的语法实现功能
             * 4.把vue提供的数据填充到标签
             */
            var vm = new Vue({
                // el: 元素的挂载位置(值可以是CSS选择器或DOM元素)
                // data: 模型数据(值是一个对象)
                el: '#firstDemo',
                data: {
                    msg: 'hello Vue'
                }
            })
    </script>
    </body>
    </html>
    作者:蓝月

    -------------------------------------------

    个性签名:能我之人何其多,戒骄戒躁,脚踏实地地走好每一步

  • 相关阅读:
    第三周学习进度总结
    第二周学习进度总结
    动手动脑04
    动手动脑03
    动手动脑02
    课堂实践总结
    课堂实践
    原码,反码和补码学习报告
    开学第一周
    第八周
  • 原文地址:https://www.cnblogs.com/viplanyue/p/13573739.html
Copyright © 2011-2022 走看看