vue基础之命令

Posted Dear坏小子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue基础之命令相关的知识,希望对你有一定的参考价值。

一什么是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基础之命令的主要内容,如果未能解决你的问题,请参考以下文章

vscode之快速生成vue模板

[vscode]--HTML代码片段(基础版,reactvuejquery)

Java语言基础之方法的设计

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)