Vue3的安装脚手架

最新推荐文章于 2024-06-17 06:00:00 发布

晕fufufu

最新推荐文章于 2024-06-17 06:00:00 发布

阅读量611

点赞数

分类专栏： vue3 文章标签：前端

本文链接：https://blog.csdn.net/Paolooo/article/details/125798710

版权

vue3安装：
  1 @vue/cli
    全局安装@vue/cli
    cnpm i @vue/cli -g
    创建项目
    vue create 项目名

  2 vite
    安装vite
    cnpm init vite@latest

    进入项目
    cd 项目名
    cnpm i
    cnpm run dev

  vue3语法
    数据插值使用{
  {变量或者常量}}
    格式：
      <script setUp>
        const a=123
      </script>

      {
  {a}}

    想要修改数据 有两种形式
    需要使用组合式api里边相关的方法
      ref 修改或者获取基本数据类型
      import {ref} from 'vue'

      const a=ref(123)

      const 事件名=()=> {
        a.value=新值
      }

      reactive 修改或者获取引用类型 或者是比较复杂的数据类型
      import {reactive} from 'vue'

      const arr=reactive([1,2,3])

      const 事件名=()=> {
        arr[0]=新值
      }

    vue3引入axios
      局部引入
        安装axios
        cnpm i axios --save-dev
        在使用的组件中 引入axios
        import axios from 'axios'

        axios.get()
        axios.post()

    vue3路由配置
      安装vue-router