Vue 快速入门

Vue快速入门

目录

目录

一、Vue指令和参数

二、v-for条件指令

三、v-model指令

四、v-on和v-bind指令

五、 component组件

六、Vue快速配置

配置镜像淘宝脚手架

 安装全局脚手架

---

---

---

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Vue指令和参数

    

{{message}}
{{5+5+5}}
    

执行结果；

ssm-vue 全栈

15

    
 {{messgae}} 
    
{{5+5}}

    
  qq空间 

执行结果 

二、v-for条件指令

    

        

              {{user.name}}  
        
    

执行结果

三、v-model指令

    
{{phone}}
    手机号

 执行结果

四、v-on和v-bind指令

    
{{title}}
    完善标题
      qq空间  
   

五、 component组件

props的作用是像组件传值

六、Vue快速配置

配置镜像淘宝脚手架

打开cmd在命令行中输入

npm config set  registry https://registry.nmp.taobao.org

 安装全局脚手架

打开cmd在命令行中输入

npm install -g @vue/cli

未来所有的前端项目都可以使用这个cli工具

用Idea或者VScode打开前端项目

运行项目的命令

npm run serve

---