第一个Vue程序
8/100
发布文章
weixin_45206218
未选择文件
new

入门vue第一个程序

本实例用webstorm开发工具

新建vue.js项目

新建一个html

引入vue.js

cdn可以去网上找，获取去vue官网找

  <!--1.导入vue.js-->
 
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

创建一个元素

<div id="app">
   
</div>

创建一个vue对象

记得绑定元素

<script>
    var vm = new Vue({
        el:"#app",
        data:{
            message:"hello vue!"
        }
    });
</script>

在页面输出信息

<div id="app">
    {{message}}
</div>

显示页面

vue支持双向绑定

入门vue第一个程序
本实例用webstorm开发工具

新建vue.js项目
在这里插入图片描述

新建一个html
在这里插入图片描述

引入vue.js
cdn可以去网上找，获取去vue官网找

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

创建一个元素

创建一个vue对象
记得绑定元素

var vm = new Vue({
    el:"#app",
    data:{
        message:"hello vue!"
    }
});

在页面输出信息

显示页面
在这里插入图片描述
vue支持双向绑定
在这里插入图片描述

Markdown 1079 字数 44 行数 当前行 1, 当前列 0HTML 329 字数 27 段落