码迷,mamicode.com
首页 > 其他好文 > 详细

Vue入门

时间:2020-06-25 21:36:50      阅读:42      评论:0      收藏:0      [点我收藏+]

标签:oct   属性   col   script   har   set   固定   tle   code   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/vue.js" type="text/javascript" charset="utf-8">    
                            //这是固定的
        </script>
    </head>
    <body>
        <div id="app">{{content}}</div>    
        //定义div的id,又写了一个组件,组件名为content,注意div里的2对大括号是必须的,
        //{content}才算一个组件,外面的{}是一个规范,包裹组件
            <script>
                / / 定义Vue对象,对象名必须=div的id
                var app = new Vue({
                / / el表示元素(element),是一个vue属性
                / / el:‘#id(对象)‘  表示查找app的元素(组件)
                    el: ‘#app‘,
                    data: {
                        content: ‘Hello World‘,
                / /data属性里写  组件名:?  即表示组件的值
                    }})
            </script>
    </body>
</html>

 

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/vue.js" type="text/javascript" charset="utf-8">//这是固定的</script></head><body><div id="app">{{content}}</div>    //定义div的id,又写了一个组件,组件名为content,注意div里的2对大括号是必须的,//{content}才算一个组件,外面的{}是一个规范,包裹组件    <script>/ / 定义Vue对象,对象名必须=div的id        var app = new Vue({/ / el表示元素(element),是一个vue属性/ / el:‘#id(对象)‘  表示查找app的元素(组件)            el: ‘#app‘,            data: {                content: ‘Hello World‘,/ /data属性里写  组件名:?  即表示组件的值            }})    </script></body></html>

 

Vue入门

标签:oct   属性   col   script   har   set   固定   tle   code   

原文地址:https://www.cnblogs.com/lhywxhn/p/13192893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!