Vue入门

vue实例:<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>

<div id="vue_det">

    <h1>site : {{site}}</h1>

    <h1>url : {{url}}</h1>

    <h1>{{details()}}</h1>

</div>

<script type="text/javascript">

     varvm =newVue({

            el:'#vue_det',

            data: {

                    site:"菜鸟教程",

                    url:"www.runoob.com",

                    alexa:"10000"

                  },

            methods: {

                        details:function()  {

                         return  this.site +" - 学的不仅是技术,更是梦想!";

                         }

                    }

        })

</script>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vue.js入门教程 参考文献 Vue-Cli webpack打包入门:http://www.cnblogs.co...
    采香行处蹙连钱阅读 1,559评论 2 3
  • 复习 Vue单文件方式 xxx.vue 1:准备好配置文件 package.json(包描述文件&&封装命令 np...
    12345ss阅读 241评论 0 0
  • Vue实例是Vue应用的启动器,Vue组件是Vue实例的扩展。 1. Vue实例 通过构造函数可以创建一个Vue的...
    娜姐聊前端阅读 10,255评论 2 12
  • 阳光的我从这里起步!勇敢说出自己的心声!我心里敞亮,不要藏着掖着。有些话换个方式去说,或嬉皮,或婉转,总之不要太别...
    七二变阅读 189评论 0 0
  • 此去经年,花谢花开,结果又到一年高考时。 而我掐指一算,距离我高考完至今居然已经五年了。 1 记得我上高中那会儿,...
    林楚一阅读 244评论 0 0

友情链接更多精彩内容