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

vue基础之命令

时间:2018-01-25 16:47:38      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:col   gpo   model   框架   表示   构建   基础   vue.js   引入   

一什么是Vue

Vue是一个构建用户界面的JAVASCRITPO框架。

二怎样使用Vue

 1.引入vue.js
        <script src="vue.js"></script>

2.展示HTML
        <div id="app">
                <input type="text" v-model="msg">
                <p>{{msg}}</p>
         </div>
3.建立vue对象
               new Vue({
                    el: "#app", //表示在当前这个元素内开始使用VUE
                    data:{
                        msg: ""
                    }
                })                

三在元素中插入值

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

vue基础之命令

标签:col   gpo   model   框架   表示   构建   基础   vue.js   引入   

原文地址:https://www.cnblogs.com/wanghaohao/p/8351755.html

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