Vue实例1

最新推荐文章于 2024-07-20 23:54:17 发布

dede3535

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量40

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangruifang/p/7765121.html

版权

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>第一个Vue</title>
    <!-- 1、引入js文件 -->
    <script src="js/vue.js"></script>
 </head>
 <body>
    <!-- 2、创建一个容器 指定id -->
  <div id="container">
        <!-- 插值表达式     -->
            {{msg}}
    </div>
    <!-- 3、vue是js框架 在javascript中 -->
    <script>
    //通过new的方式得到了Vue的实例，在通过new通过一个对象来对vue的实例配置            (el,data)
    // {{}} (mustache/interpolation)的语法:可以读取变量的值,显示在调用的元素的innerHTML
        new Vue({
            //通过el指定和哪个容器绑定,{{}}运算都在该容器中
            el:"#container",
            data:{
                msg:"Hell0 VueJs"
            }
        })
    </script>
 </body>
</html>

首先要引入vue.js文件

转载于:https://www.cnblogs.com/wangruifang/p/7765121.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dede3535

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue实例1

<!doctype html><html> <head> <meta charset="UTF-8"> <title>第一个Vue</title>  <script src="js/vue.js"></scri...
复制链接

扫一扫