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>

作者：蓝月

出处：http://www.cnblogs.com/https://www.cnblogs.com/viplanyue//

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

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